#3994 closed bug (fixed)

Opened January 30, 2009 06:04AM UTC

Closed March 05, 2009 03:42PM UTC

Last modified January 17, 2010 06:02AM UTC

Draggable: Shift on start/stop in IE

Reported by: scottgonzalez Owned by:
Priority: critical Milestone: 1.7
Component: ui.draggable Version: 1.5
Keywords: Cc:
Blocked by: Blocking:
Description

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)

Attachments (0)
Change History (13)

Changed February 03, 2009 12:55PM UTC by bohdan.ganicky comment:1

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

Changed February 03, 2009 12:59PM UTC by bohdan.ganicky comment:2

description: When you start and stop dragging an element in IE6, the element shifts. This is visible on the draggable demos. → 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)
summary: Draggable: Shift on start/stop in IE6 → Draggable: Shift on start/stop in IE

Changed February 03, 2009 01:26PM UTC by bohdan.ganicky comment:3

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

Changed February 18, 2009 05:52PM UTC by rdworth comment:4

priority: critical → blocker

Changed February 18, 2009 06:13PM UTC by rdworth comment:5

owner: → rdworth
status: new → assigned

Changed February 25, 2009 09:50PM UTC by scottjehl comment:6

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.

Changed February 25, 2009 10:01PM UTC by scottjehl comment:7

nevermind that - must have been another issue. Margin left causes the issue.

Can still be worked around

Changed February 26, 2009 02:39AM UTC by scottgonzalez comment:8

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

Changed February 26, 2009 02:53AM UTC by scottgonzalez comment:9

This actually happens with any modification to the classes.

Changed February 27, 2009 06:54AM UTC by eduardo comment:10

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?

Changed February 28, 2009 08:10PM UTC by rdworth comment:11

owner: rdworth
priority: blocker → critical

Changed February 28, 2009 08:12PM UTC by rdworth comment:12

version: 1.6rc5 → 1.5

Changed March 05, 2009 03:42PM UTC by Cloudream comment:13

resolution: → fixed
status: assigned → closed

fixed [2140]