vs-repeat scrolls all the way to the bottom on Chrome 56.0.2924.87

[rognstad]

Hi,

Chrome 56.0.2924.87 is now the stable version and is getting pushed to people.

I'm using vs-repeat to show a list of items in a fixed-height/scroll-y element. As of Chrome 56.0.2924.87, when a user scrolls the list beyond the excess value, the list continues scroll until it reaches the bottom or the user tries to scroll up.

Here's a plunk illustrating the issue: http://run.plnkr.co/plunks/iu0A9R/

This happens on both Mac and Windows with that version of Chrome. I can't replicate it in any other browser.

I'd appreciate any suggestions you have in terms of avoiding this behavior.

Thanks!

[rognstad]

Actually, it looks like this is because of scroll anchoring, which was added as an experiment in Chrome 51 and became default in 56. Adding "overflow-anchor: none;" to the parent works.

See: angular-ui/ui-scroll#138 (comment)

You might consider adding that property dynamically when vs-scroll-parent is used.

[Smarello]

Thanks for sharing, I had the same problem!

[Shemesh]

you can use css to overcome this issue:

[vs-repeat] {
  overflow-anchor: none;
}