#6660 closed bug (worksforme)
Connected lists ignore hidden overflow
| Reported by: | shaun | Owned by: | shaun |
|---|---|---|---|
| Priority: | minor | Milestone: | 2.0.0 |
| Component: | ui.sortable | Version: | 1.8.6 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
Whether a list overflow is hidden or scrolled, this non-visible portion of a list is ignored when sorting. See this bug example of two lists colliding when they shouldn't be:
Change History (9)
comment:1 Changed 6 years ago by
| Milestone: | TBD → 2.0.0 |
|---|
comment:2 Changed 6 years ago by
| Owner: | set to blank |
|---|---|
| Status: | new → pending |
comment:3 Changed 6 years ago by
While the top list is scrolled to the top (the default state), try dragging an item on the bottom list. You will see that, while dragging, the item will jump back and forth between being sorted on the bottom list and the overflown, hidden portion of the top list.
Just to note, I am the original creator of this ticket, but I no longer have access to the username blank.
comment:4 Changed 6 years ago by
| Reporter: | changed from blank to shaun |
|---|
Shaun, thanks for replying. What browsers are you seeing this behavior in? I tested in chrome and am not experiencing that behavior. However, maybe I'm misunderstanding, so it's helpful to know which browsers this effects. Thanks!
comment:5 Changed 6 years ago by
| Status: | pending → new |
|---|
I made a screen recording, you can see the bug demonstrated here: http://www.youtube.com/watch?v=DOW7Vh-F3pc
This is reproducible on webkit browsers and Firefox under OS X, although I originally reported this bug while experiencing it under Firefox and Chrome in Windows.
comment:6 Changed 6 years ago by
| Owner: | changed from blank to shaun |
|---|---|
| Status: | new → pending |
shaun, are you using a different demo? This is what I see: http://gyazo.com/a5aa2f4483e28e63365165badc00b4bc which looks completely different from your demo...
and your demo is not experiencing the same behavior for me in Chrome, but it is in Firefox: http://f0c.us/testcase/testcase.html
However, once I use latest jquery UI and jquery core, the problem goes away: http://jsfiddle.net/J4nXx/embedded/result/
Please confirm, and I'll close this bug. Thanks!
comment:7 Changed 6 years ago by
| Status: | pending → new |
|---|
Sorry, I colored the list items for clarity. I was using the f0c.us test case.
That fiddle works properly for me! I consider it fixed.
comment:8 Changed 6 years ago by
| Resolution: | → worksforme |
|---|---|
| Status: | new → closed |
Thanks for taking the time to contribute to the jQuery UI project! Your test case seems to be working as expected in Chrome. I'd need more information and a better reduced test case in order to evaluate this bug. Can you provide more info? Thanks!