Skip to main content

Search and Top Navigation

#9809 closed bug (notabug)

Opened February 10, 2014 10:55PM UTC

Closed February 11, 2014 10:10PM UTC

Last modified February 14, 2014 04:36PM UTC

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

Attachments (0)
Change History (5)

Changed February 11, 2014 05:03PM UTC by tj.vantoll comment:1

owner: → 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/.

Changed February 11, 2014 06:15PM UTC by Clarkk comment:2

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/

Changed February 11, 2014 10:10PM UTC by tj.vantoll comment:3

resolution: → notabug
status: newclosed

You're restricting the height of the

<body>
. Use
min-height
: http://jsfiddle.net/tj_vantoll/jNvHy/.

Changed February 14, 2014 03:01PM UTC by Clarkk comment:4

_comment0: Have now copied the exact same code from jsfiddle out on a webpage, and it it NOT working.. :( So this must be a bug \ \ http://www.bluemachines.dk/drag/1392390648880505

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/

Changed February 14, 2014 04:36PM UTC by tj.vantoll comment:5

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>