Opened 8 years ago

Closed 6 years ago

Last modified 6 years ago

#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:

http://f0c.us/testcase/testcase.html

Change History (9)

comment:1 Changed 6 years ago by Scott González

Milestone: TBD2.0.0

comment:2 Changed 6 years ago by mikesherov

Owner: set to blank
Status: newpending

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!

comment:3 Changed 6 years ago by shaun

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 mikesherov

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 shaun

Status: pendingnew

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 mikesherov

Owner: changed from blank to shaun
Status: newpending

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 shaun

Status: pendingnew

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 mikesherov

Resolution: worksforme
Status: newclosed

comment:9 Changed 6 years ago by mikesherov

Thanks for responding all this time later Shaun!

Note: See TracTickets for help on using tickets.