Dragging hides IE10 browser window due to body blur()

desandro commented 9 years ago

Re-posted from metafizzy/flickity-docs#8 from @timswalling

I really like Flickity, but I'm having some problems with it in IE10. This appears to be related to the body element being blurred, which causes Internet Explorer to move the browser window behind all other non-minimised windows. (You can test this behaviour by running document.body.blur() in Internet Explorer's developer console when you have multiple windows open.)

I've created a reduced test case. The status at the top of the page shows whether the body is currently focused.

Steps to reproduce:

Open the reduced test case in Internet Explorer 10.
Ensure that other windows are open behind the test case.
Check that the body is the currently focused element by referring to the status at the top of the test case page. If it is not focused, click on an unfocusable element in the body (such as the status text).
Click and drag the gallery.

Expected result:

The gallery will follow the mouse's horizontal movement until the mouse button is released.

Actual result:

The browser window moves behind other windows.
When returning to the browser window, the gallery continues to follow the mouse's horizontal movement even though the mouse button is not pressed. This is resolved by clicking the mouse again.

desandro commented 9 years ago

Thank you Tim for putting together this awesome bug report.

The bug is a known issue with IE9 and 10, see article, jQuery UI commit, jQuery UI issue.

Fortunately this bug can be easily resolved by checking for document.body before blurring in drag.js. I'll evaluate fixing this when I'm working on the next release.

desandro commented 8 years ago

IE 10 (10.0.9200.17457) on windows 7, when the draggable element is clicked for the second time, IE window loses focus and send back of other opened windows. But IE is still active on the task bar. When the IE window is pull to front, the draggable element is following the mouse pointer even without dragging.

I'll need to double check this issue.

knapeto commented 5 years ago

Still does not working in IE11 :(

metafizzy / flickity

Dragging hides IE10 browser window due to body blur() #117