Opened 11 years ago

Closed 11 years ago

Last modified 10 years ago

#3994 closed bug (fixed)

Draggable: Shift on start/stop in IE

Reported by: Scott González Owned by:
Priority: critical Milestone: 1.7
Component: ui.draggable Version: 1.5
Keywords: Cc:
Blocked by: Blocking:

Description (last modified by bohdan.ganicky)

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)

Change History (13)

comment:1 Changed 11 years ago by bohdan.ganicky

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

comment:2 Changed 11 years ago by bohdan.ganicky

Description: modified (diff)
Summary: Draggable: Shift on start/stop in IE6Draggable: Shift on start/stop in IE

comment:3 Changed 11 years ago by bohdan.ganicky

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

comment:4 Changed 11 years ago by rdworth

Priority: criticalblocker

comment:5 Changed 11 years ago by rdworth

Owner: set to rdworth
Status: newassigned

comment:6 Changed 11 years ago by 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.

comment:7 Changed 11 years ago by scottjehl

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

comment:8 Changed 11 years ago by Scott González

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

comment:9 Changed 11 years ago by Scott González

This actually happens with any modification to the classes.

comment:10 Changed 11 years ago by 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?

comment:11 Changed 11 years ago by rdworth

Owner: rdworth deleted
Priority: blockercritical

comment:12 Changed 11 years ago by rdworth

Version: 1.6rc51.5

comment:13 Changed 11 years ago by Cloudream

Resolution: fixed
Status: assignedclosed

fixed [2140]

Note: See TracTickets for help on using tickets.