Opened 6 years ago

Closed 6 years ago

Last modified 6 years ago

#9809 closed bug (notabug)

UI draggable with body.overflow-y:scroll in Chrome

Reported by: Clarkk Owned by: Clarkk
Priority: minor Milestone: none
Component: ui.draggable Version: 1.10.4
Keywords: Cc:
Blocked by: Blocking:

Description

UI draggable doesn't work with the following stylesheet in Chrome

body { overflow-y:scroll }

URL http://www.bluemachines.dk/drag/test.html

The first 1-3 works fine, but as you go down the draggable element jumps arround and impossible to handle

If you uncheck the stylesheet it work perfect

Change History (5)

comment:1 Changed 6 years ago by tj.vantoll

Owner: set to Clarkk
Status: newpending

Hi Clarkk,

Thanks for taking the time to contribute to jQuery UI. Please reduce your test case to show only the problem and use the latest version of jQuery UI. You can use this as a starting point: http://jsfiddle.net/tj_vantoll/fwk8R/.

comment:2 Changed 6 years ago by Clarkk

Status: pendingnew

Here is a minified version in jsfiddle

The first 3 works fine but after that the draggable element is completely impossible to handle.. And when you drag the element the body scrolls down

http://jsfiddle.net/fwk8R/6/

comment:3 Changed 6 years ago by tj.vantoll

Resolution: notabug
Status: newclosed

You're restricting the height of the <body>. Use min-height: http://jsfiddle.net/tj_vantoll/jNvHy/.

comment:4 Changed 6 years ago by Clarkk

Have now copied the exact same code from jsfiddle out on a webpage, and it it NOT working.. :( So this must be a bug

As soon as scrollTop is not 0 the draggable is impossible to handle

http://www.bluemachines.dk/drag/

Last edited 6 years ago by Clarkk (previous) (diff)

comment:5 Changed 6 years ago by tj.vantoll

You're using jQuery 1.9.2. Try the same example with these files:

<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-git.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
Note: See TracTickets for help on using tickets.