#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 )
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 14 years ago by
- it's happening in IE7 as well
- strangely, it's not happening in "Default" and "Events" demo
comment:2 Changed 14 years ago by
Description: | modified (diff) |
---|---|
Summary: | Draggable: Shift on start/stop in IE6 → Draggable: Shift on start/stop in IE |
comment:3 Changed 14 years ago by
So I've found out that this happens wherever draggable has float and margin CSS properties set at the same time.
comment:4 Changed 14 years ago by
Priority: | critical → blocker |
---|
comment:5 Changed 14 years ago by
Owner: | set to rdworth |
---|---|
Status: | new → assigned |
comment:6 Changed 14 years ago by
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 14 years ago by
nevermind that - must have been another issue. Margin left causes the issue. Can still be worked around
comment:8 Changed 14 years ago by
Commenting out the line that removes the ui-draggable-dragging class in the _clear method makes this problem go away.
comment:10 Changed 14 years ago by
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 14 years ago by
Owner: | rdworth deleted |
---|---|
Priority: | blocker → critical |
comment:12 Changed 14 years ago by
Version: | 1.6rc5 → 1.5 |
---|