Grid scroll bar and scrolling gets broken in Chrome and Firefox

Originally by @TatuLund

In my bugrap implementation I observed the following issue. With certain steps it is possible to get Grid to faulty state.

Steps to reproduce:

1. You need a container with enough rows that cannot be shown in the window at the time.
2. You need filter in the container to restrict shown rows.
3. First show data in the grid with filter on, so that you have less rows and no scroll bar appears (this is correct)
4. Then disable filter (e.g. using button toggle in the UI), so that more rows are shown. Now scroll bar appears on the right (this is correct)
5. Click scroll bar to jump to end of the list with the mouse, the view will update correctly
6. Click scroll bar to jump to begining of the list. Now the content is not being updated correctly and moving scroll bar doesn't have effect anymore. It maybe also that some rows are not rendered correctly or left empty.

The following seems to work ok with Internet Explorer, the error happens with Chrome and Firefox.

If you need more information, I can demostrate this with my computer.

Imported from https://dev.vaadin.com/ issue #18017

Reproduce the Grid state described in the issue: filter to remove the scrollbar, disable the filter, jump to the end, then return to the beginning in Chrome and Firefox. Start by tracing the Grid scrolling and row-rendering behavior involved in that sequence. Done means the view and rendered rows continue updating correctly when the scrollbar is moved in both browsers.