Angular UI Grid Scroll Error

Question

I am using ui grid 3.0.6. Until yesterday it was working fine. But there is a problem in Google chrome now.(Version 56.0.2924.87)

When I scroll the grid, or click on scroll down arrow it starts scrolling very fast. Couldn't control the speed. It was working fine and only in Chrome.

Can anyone help?

Thanks in advance.

Yes, I have several users reporting the same problem here too. I am hoping it has been recognised as a Chrome bug and will be fixed, because otherwise we will have to downgrade or scramble to adapt the angular-ui-grid to cope with this new behaviour. — S. Baggy
– S. Baggy, Commented Feb 7, 2017 at 23:04
Had this same problem. Updating ui-grid (4.0.2) cleared it up for us. — simpleManderson
– simpleManderson, Commented Feb 8, 2017 at 19:59
Thanks for reply. Updating ui-grid to 4.0.2 and angularjs 1.5.0 solved the problem. — user2644503
– user2644503, Commented Feb 9, 2017 at 20:35

Yuriy Khan · Accepted Answer · 2017-02-17 11:55:49Z

31

Adding this style to my style.css is helped

.ui-grid-viewport {
    overflow-anchor: none;
}

answered Feb 17, 2017 at 11:55

Yuriy Khan

5414 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

zombiehugs Over a year ago

This answer should be accepted. Added to project and no longer have problem with fast scrolling to bottom. Chrome 57 Angular-Ui-Grid @ 3.1.1

repairbrain · Accepted Answer · 2017-02-13 16:33:24Z

19

It's may be related to "Scroll Anchoring" feature, that has been enabled by default in Chrome 56. description of feature

css-property "overflow-anchor: none", should solve this problem.

answered Feb 13, 2017 at 16:33

repairbrain

1914 bronze badges

Collectives™ on Stack Overflow

Angular UI Grid Scroll Error

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related