Skip to main content

Search and Top Navigation

#3104 closed bug (wontfix)

Opened July 16, 2008 06:01AM UTC

Closed September 01, 2008 02:39PM UTC

Last modified October 11, 2012 09:15PM UTC

Dialog (or draggable) glitch when html tags styled

Reported by: Matro Owned by: paul
Priority: major Milestone:
Component: ui.draggable Version: 1.5.1
Keywords: draggable jump cursor margin Cc:
Blocked by: Blocking:
Description

Conditions:

*FF3 (OS X and Win XP) but not IE6

This bug appears with the following CSS:

html {

width: 70%;

margin: 0 auto;

}

but NOT if the same styling is applied to the body element instead.

Bug effect:

As soon as the user begins to drag the dialog box, the user's cursor jumps left of the mousedown point by a distance equal to the left margin of the page.

Other effects not confirmed to be related:

The size of the popup may end up changing such that it cuts off the right-hand side. I was not able to confirm which layer was causing the clipping.

Attachments (0)
Change History (4)

Changed August 17, 2008 09:57AM UTC by Cloudream comment:1

milestone: → TDB

Changed August 30, 2008 11:37PM UTC by scottgonzalez comment:2

component: ui.dialogui.draggable
keywords: dialog draggable jump cursor slide margindraggable jump cursor margin
owner: scott.gonzalezpaul

This is most likely due to the fact that the browser reports the X and Y coordinates of the mouse events as if there was no margin on the html.

Changed September 01, 2008 02:39PM UTC by paul comment:3

resolution: → wontfix
status: newclosed

This is a bug with the offset method in jQuery - it doesn't properly support html/body tags with margins. Can you enter it as a ticket on http://bugs.jquery.com? thanks!

Changed October 11, 2012 09:15PM UTC by scottgonzalez comment:4

milestone: TBD

Milestone TBD deleted