Opened 15 years ago

Closed 14 years ago

#2964 closed bug (notabug)

draggable jumps if position: absolute parent has border set with style and overriden in stylesheet

Reported by: rdworth Owned by: rdworth
Priority: minor Milestone: 1.7
Component: ui.draggable Version: 1.5
Keywords: draggable parent border jumps Cc:
Blocked by: Blocking:


If a draggable element has a parent that is absolutely positioned, and has, for example, a small (1px) border set using inline style. If the same (parent) element also has the border modified via a stylesheet with !important and this border width is different, when the drag is first triggered, the draggable will jump by the delta of the two borders sizes. So if border is 1px inline and 30px in the stylesheet (!important), the draggable will jump by 29px. See attached for a minimal test case.

Attachments (1)

draggable.parentborder.html (969 bytes) - added by rdworth 15 years ago.

Download all attachments as: .zip

Change History (7)

Changed 15 years ago by rdworth

Attachment: draggable.parentborder.html added

comment:1 Changed 15 years ago by paul

Status: newaccepted

comment:2 Changed 15 years ago by paul

Owner: changed from paul to rdworth
Priority: majorminor
Status: acceptedassigned

Richard, that's actually a jQuery core issue - since $.css returns the set style instead of the !important rule, which is wrong. Could you submit it in the jquery trac? Thanks!

comment:3 Changed 15 years ago by rdworth

Version: 1.5rc11.5

comment:4 Changed 15 years ago by paul


comment:5 Changed 14 years ago by Cloudream

Milestone: 1.6b1.6

comment:6 Changed 14 years ago by paul

Resolution: invalid
Status: assignedclosed

Closed as invalid, since it's a issue related to jQuery's css() function.

Note: See TracTickets for help on using tickets.