Chrome 56 automatically scrolling to bottom of page

Question

Chrome 56 automatically scrolling to bottom of page

mvanderheijden opened this issue 8 years ago · comments

Mike van der Heijden commented 8 years ago

Hi,
After updating my Chrome browser I see some weird behavior when scrolling.
The scroll bar is automatically going down to the bottom of the page. I have seen this happening in my own code as well as in a example. https://rawgit.com/angular-ui/ui-scroll/master/demo/scopeDatasource/scopeDatasource.html

See the GIF below. (When the page turns white it is no longer me that is scrolling.)

Seen in Chrome 56.0.2924.87 and 56.0.2924.76.
No problems in FF and IE.
In the release notes of chrome I have found that they have added CSS position: sticky;. This may or may not cause this behavior?
https://developers.google.com/web/updates/2017/01/nic56

Radu Blana · Answer 1 · Fri Feb 10 2017 22:36:47 GMT+0800 (China Standard Time)

Happens on version 56, but not on 54, from what we've experienced.

Denis Hilt · Answer 2 · Sat Feb 11 2017 00:25:02 GMT+0800 (China Standard Time)

This is because of Scroll Anchoring. This feature was introduced as experimental in Chrome 51:

https://developers.google.com/web/updates/2016/04/scroll-anchoring

and set as default in Chrome 56:

https://www.chromestatus.com/feature/5700102471548928

Also there's a perfect-scrollbar plugin issue, which describes the problem and gives a solution:

https://github.com/noraesae/perfect-scrollbar/issues/612

So the workaround is to set "overflow-anchor: none;" to the parent element, e.g. ui-scroll-viewport if you have it in your template.

I think we should add this style-property to the ui-scroll-viewport element programmatically and update a documentation for case when the ui-scroll-viewport directive is not being used... This will be added to v1.6.1 release.

Thanks for the report!

Mike van der Heijden · Answer 3 · Mon Feb 13 2017 15:56:28 GMT+0800 (China Standard Time)

@dhilt, thank you for pointing out this workaround. It is working!

Denis Hilt · Answer 4 · Wed Feb 15 2017 10:12:42 GMT+0800 (China Standard Time)

The fix is in 'master' branch. Waiting for v1.6.1 release...

Vaibhav Kumar · Answer 5 · Fri Oct 12 2018 15:12:14 GMT+0800 (China Standard Time)

I am using chrome Version 69.0.3497.100 (Official Build) (64-bit)
I have the same issue.
Each time page loads, the browser scrolls the page to bottom.
Note: The content of the page is loaded by ajax apart header section.

Denis Hilt · Answer 6 · Fri Oct 12 2018 23:29:10 GMT+0800 (China Standard Time)

@vaibhavi3t Can you make sure that you have overflow-anchor: none; on the viewport element? Though I'm not sure if it's still actual... anyway we need repro of the problem, because on my 69.0.3497.100 (Official Build) (64-bit) I can't reproduce it. Maybe your problem does not relate to this issue. The best option is to create plunker/stackblitz/etc, specify the OS version and any other details that could be helpful, and open new github issue.

Jim Nasby · Answer 7 · Tue Feb 19 2019 03:09:31 GMT+0800 (China Standard Time)

This just started happening to me. I have no idea what overflow-anchor or the viewport element are. How can I fix this?

Version 72.0.3626.109 (Official Build) (64-bit) (OS X)

Eric Wang · Answer 8 · Tue May 07 2019 18:00:15 GMT+0800 (China Standard Time)

This just started happening to me. I have no idea what overflow-anchor or the viewport element are. How can I fix this?

Version 72.0.3626.109 (Official Build) (64-bit) (OS X)

So do I, my MBP also have this problem with chrome (74.0.3729.131 64-bit OS X)

BaconCatBug · Answer 9 · Mon Aug 19 2019 04:35:21 GMT+0800 (China Standard Time)

Happening to me now Version 76.0.3809.100

Denis Hilt · Answer 10 · Mon Aug 19 2019 06:26:29 GMT+0800 (China Standard Time)

Definitely can't reproduce it on my macOS Mojave and macOS Sierra with Chrome 76. Is it really happens with, for example, this demo? Or this stackblitz sample?