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

[ryfry07]

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.

[mikesherov]

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!

[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%.

[mikesherov]

That's interesting.

[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.

[ryfry07]

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