Opened 6 years ago

Closed 6 years ago

Last modified 6 years ago

#9684 closed bug (invalid)

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

Change History (6)

comment:1 Changed 6 years ago by muisit

comment:2 in reply to:  1 Changed 6 years ago by tj.vantoll

Owner: set to muisit
Status: newpending

Replying to 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.

comment:3 Changed 6 years ago by trac-o-bot

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!

comment:4 Changed 6 years ago by muisit

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.

comment:5 Changed 6 years ago by muisit

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

comment:6 Changed 6 years ago by tj.vantoll

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

Note: See TracTickets for help on using tickets.