Opened 10 years ago

Closed 10 years ago

#8564 closed bug (worksforme)

jQuery 1.8+ breaks sortable list scrolling inside absolute positioned element with bottom: 0

Reported by: ryfry07 Owned by: ryfry07
Priority: minor Milestone: 2.0.0
Component: ui.sortable Version: 1.8.23
Keywords: Cc:
Blocked by: Blocking:


Using jQuery 1.7.2 I was able to drag sortable elements inside an absolutely positioned element with bottom: 0; But upgrading from jQuery 1.7.2 to 1.8+ causes the following jsfiddle to not work:

The container never scrolls. If you switch back to 1.7.2, it scrolls.

Tested on Chrome, Firefox, Safari and IE.

Change History (7)

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


comment:2 Changed 10 years ago by mikesherov

Owner: set to ryfry07
Status: newpending

Thanks for contributing! Why are you specifying both "top" and "bottom" on the container element? I understand this used to "work" in jQuery 1.7.2, but what are you trying to achieve by specifying both? I can investigate this further once I understand the intent of that code. Thanks again!

comment:3 Changed 10 years ago by Scott González

mikesherov: Specifying both top and bottom is an easy way to expand to fill the parent. It's like a reliable height: 100%.

comment:4 Changed 10 years ago by mikesherov

Status: pendingopen

That's interesting.

comment:5 Changed 10 years ago by ryfry07

scott.gonzalez is correct. My intent is to have an area that's scrollable that doesn't cause the whole window to get its own scrollbar. Other interface elements on the page stay put, and you can drag sortable elements inside the absolutely positioned area that scrolls.

comment:6 Changed 10 years ago by ryfry07

It seems to be fixed with jQuery 1.8.3 and jQuery UI 1.9.2

comment:7 Changed 10 years ago by mikesherov

Resolution: worksforme
Status: openclosed
Note: See TracTickets for help on using tickets.