Open
Bug 1374171
Opened 7 years ago
Updated 2 years ago
position: sticky combined with height adjustment causes scrolling glitches (bouncing)
Categories
(Core :: Layout, defect, P3)
Tracking
()
UNCONFIRMED
Tracking | Status | |
---|---|---|
firefox57 | --- | wontfix |
People
(Reporter: reason.koan, Unassigned)
Details
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.104 Safari/537.36 Steps to reproduce: Go to https://codepen.io/bluefantail/pen/zzKNpR Attempt to scroll to the bottom of the container. Actual results: The header becomes smaller, then glitches (bounces) for a couple of seconds, then the container scrolls back up and the header becomes large again. Expected results: The header becomes smaller and the scroll position stays at the bottom.
Reporter | ||
Comment 1•7 years ago
|
||
From https://stackoverflow.com/questions/44567125/position-sticky-scroll-bouncing-when-combined-with-javascript-height-adjustme/44573447
Reporter | ||
Comment 2•7 years ago
|
||
Behaviour in other browsers (from the StackOverflow question, reproduced): "In chrome, this bouncing can never be resolved, it stays in the infinite loop constantly adding / removing the stuck class. More interestingly in Safari, the scroll position is 'pushed back' to a state where it wont bug out." Also raised as a Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=734461
Updated•7 years ago
|
Component: Untriaged → Layout
Product: Firefox → Core
Updated•7 years ago
|
Priority: -- → P3
Updated•7 years ago
|
status-firefox57:
--- → wontfix
Updated•2 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•