Home/ Questions/Q 8669641
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T18:31:34+00:00

This is a bit hard to explain, so I’ve set up a reduced test

  • 0

This is a bit hard to explain, so I’ve set up a reduced test case here: http://jsfiddle.net/5Z6h6/1/. Essentially what’s happening is I’m passing jQuery UI’s .draggable to the content of the iFrame, and using jQuery UI’s built-in iframeFix to avoid issues with the iFrame capturing the mouse events.

This works great, except in Firefox, where clicking and dragging no longer seems to work; instead, you have to click, release, then drag, then click again to place. Is this expected behavior? Is there a way around this?

Any help is much appreciated.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The magic is to flick off the iframe at the start of the mousedown:

    $iframe.css('display', 'none');

    then set up draggable and trigger event:

    $draggable.trigger(event);

    then show iframe again:

    $iframe.css('display', 'block');

    The function should run fast enough so you shouldn’t see any flicker – took me trial and error to find this but this fixes the iframe issue in Firefox I had.

    • 0