Skip to main content

Search and Top Navigation

#7865 closed bug (duplicate)

Opened November 11, 2011 12:27AM UTC

Closed November 11, 2011 01:47AM UTC

Last modified November 11, 2011 01:47AM UTC

Draggable with CSS scale transform + position absolute causes element to jump on drag begin

Reported by: paulshapiro Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.draggable Version: 1.8.16
Keywords: Cc:
Blocked by: Blocking:
Description

Basically what's going on here is that I need to use position: absolute on an element along with a css scale transform, but jQuery UI Draggable seems to use the wrong start position as if the element was not scaled. So on drag-begin it jumps.

http://jsfiddle.net/qBubN/7/

Any help would be greatly appreciated!

Attachments (0)
Change History (3)

Changed November 11, 2011 12:32AM UTC by paulshapiro comment:1

As it happens I was able to fix it with this on the element being transformed:

transform-origin 0 0

-webkit-transform-origin 0 0

-moz-transform-origin 0 0

So that it sticks to the upper left

Changed November 11, 2011 01:47AM UTC by scottgonzalez comment:2

resolution: → duplicate
status: newclosed

Changed November 11, 2011 01:47AM UTC by scottgonzalez comment:3

Duplicate of #6844.