Skip to main content

Search and Top Navigation

#9684 closed bug (invalid)

Opened November 29, 2013 08:00AM UTC

Closed December 15, 2013 08:45AM UTC

Last modified December 18, 2013 01:30PM UTC

On body:overflow:auto, Chrome scrolls down automatically for long sortable lists

Reported by: muisit Owned by: muisit
Priority: minor Milestone: none
Component: ui.core Version: 1.10.3
Keywords: Cc:
Blocked by: Blocking:
Description

When the body overflow style is set to 'auto', Chrome seems to scroll down automatically to the bottom on long sortable lists. If the style is reset to 'inherit', this behaviour disappears, although the browser will display scroll bars in both situations.

This was not tested in IE.

Firefox seems to be okay.

With overflow: inherit, the sorting seems noticeably slower, so there is probably some workaround code active that is not properly activated for overflow: auto.

Might be related to http://bugs.jqueryui.com/ticket/5039

Attachments (0)
Change History (6)

Changed November 29, 2013 08:02AM UTC by muisit comment:1

Changed November 30, 2013 08:53PM UTC by tj.vantoll comment:2

owner: → muisit
status: newpending

Replying to [comment:1 muisit]:

Fiddle on: http://jsfiddle.net/michielu/J223B/

Hi muisit,

Thanks for taking the time to contribute to the jQuery UI project. Could you alter your test case to show the problem on page load instead of after the button is pressed? Also if you could remove as much CSS as possible to just show the issue you're seeing it would be helpful. Right now there's a lot of code so it's difficult to see what's going on.

Thanks.

Changed December 15, 2013 08:45AM UTC by trac-o-bot comment:3

resolution: → invalid
status: pendingclosed

Because we get so many tickets, we often need to return them to the initial reporter for more information. If that person does not reply within 14 days, the ticket will automatically be closed, and that has happened in this case. If you still are interested in pursuing this issue, feel free to add a comment with the requested information and we will be happy to reopen the ticket if it is still valid. Thanks!

Changed December 18, 2013 09:40AM UTC by muisit comment:4

Sorry, the e-mail for the last 2 comments ended up in my spam box as a 99% possible spam message.

Anyway, I further minimised the example:

http://jsfiddle.net/michielu/J223B/

It now only creates the sortable on a 50-item list (it needs to be this long to become sortable in the output box). On Chrome, when I drag the top item, the window scrolls down on every mouse-move until it is at the bottom.

Changed December 18, 2013 09:42AM UTC by muisit comment:5

if I remove the float style on the main sortable container DIV, the behaviour seems correct by the way.

Changed December 18, 2013 01:30PM UTC by tj.vantoll comment:6

This happens because the

<body>
has no height; try adding
body { border: 2px solid black; 
} to see what I'm talking about.

If you force the

<body>
to have a height this works fine: http://jsfiddle.net/tj_vantoll/85RKX/.