Draggable: Shift on start/stop in IE

[Scott González]

When you start and stop dragging an element in IE, the element shifts. This is visible on the draggable demos (except the "Default" and "Events" demos)

[bohdan.ganicky]

• it's happening in IE7 as well
• strangely, it's not happening in "Default" and "Events" demo

[bohdan.ganicky]

So I've found out that this happens wherever draggable has float and margin CSS properties set at the same time.

[scottjehl]

This seems to only happen with top and left margins. margin-right and margin-bottom cause no problems. margin-top causes the drag to fail entirely in IE. margin-left causes the shift.

The demos can be remedied with a temporary workaround by using right and bottom margins only.

[scottjehl]

nevermind that - must have been another issue. Margin left causes the issue. Can still be worked around

[Scott González]

Commenting out the line that removes the ui-draggable-dragging class in the _clear method makes this problem go away.

[Scott González]

This actually happens with any modification to the classes.

[eduardo]

On the file /trunk/demos/draggable/handle.html if you change:

#draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 100px; }

to

#draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; }

The shifting stops.

-

It seems to be a bug with floats elements with margin. When this.helper[0].className changes IE tries to re-render the margin/position values for the float elements and for a while it shifts.

thoughts?

[Cloudream]

fixed [2140]