Improve the scrolling algorythm when content resizes
Reported by
utasirob...@gmail.com,
Jan 14 2018
|
||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3320.0 Safari/537.36 Steps to reproduce the problem: 0. This is a stuck styled/sticky demo 1. Testcase https://jsfiddle.net/utasir/cfxu8q02/8/ 2. scroll the page to the point where sticky positioning is started. 3. The layout repositions the actual scroll position, and layout goes to crazy / can't decide which style is applied What is the expected behavior? smooth style change based on CSS What went wrong? scroll positioning Did this work before? No Does this work in other browsers? Yes Chrome version: 65.0.3320.0 Channel: canary OS Version: 10.0 Flash Version: In my opinion the problem is / one of the element resizes in the layout and scroll position is misplaced because of this. That can cause this weird behavior.
,
Jan 16 2018
,
Jan 17 2018
Able to reproduce the issue on Windows 10, mac 10.12.6 and Ubuntu 14.04 using chrome reported version #65.0.3320.0 and latest stable #63.0.3239.132. Bisect Information: ===================== Good build: 58.0.3004.0 Bad Build : 58.0.3006.0 Change Log URL: https://chromium.googlesource.com/chromium/src/+log/53694f14f1eda73a1cda2cd632fd5eea925e9d0f..2ff49b42058b3e5604498f6999b85f16bfc01116 From the above change log suspecting below change Review-Url: https://codereview.chromium.org/2662993002 szager@ - Could you please check whether this is caused with respect to your change, if not please help us in assigning it to the right owner. Thanks...!!
,
Apr 26 2018
This is a bad interaction with scroll anchoring: https://blog.chromium.org/2017/04/scroll-anchoring-for-web-developers.html You can fix it with the following CSS: body { scroll-anchor: none; }
,
Apr 26 2018
Sorry, that's wrong CSS proprty; it should be:
body {
overflow-anchor: none;
}
|
||||
►
Sign in to add a comment |
||||
Comment 1 by krajshree@chromium.org
, Jan 14 2018