Opened 7 years ago

Closed 6 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:

Description

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:

http://jsfiddle.net/m765z/3/

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 7 years ago by Scott González

Milestone: 1.9.02.0.0

comment:2 Changed 7 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 7 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 7 years ago by mikesherov

Status: pendingopen

That's interesting.

comment:5 Changed 7 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 6 years ago by ryfry07

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

comment:7 Changed 6 years ago by mikesherov

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