#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 9 years ago by
| Owner: | set to Clarkk |
|---|---|
| Status: | new → pending |
comment:2 Changed 9 years ago by
| Status: | pending → new |
|---|
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
comment:3 Changed 9 years ago by
| Resolution: | → notabug |
|---|---|
| Status: | new → closed |
You're restricting the height of the <body>. Use min-height: http://jsfiddle.net/tj_vantoll/jNvHy/.
comment:4 Changed 9 years ago by
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
comment:5 Changed 9 years ago by
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>
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/.