Chrome 56 automatically scrolling to bottom of page

[mvanderheijden]

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

[radubl]

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

[dhilt]

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!

[mvanderheijden]

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

[dhilt]

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

[vaibhavi3t]

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.

[dhilt]

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

[decibel]

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)

[shijiebei2009]

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)