CSS Hover on Grid flickers - v14


i have found a problem where i could not find out if this is a bug in the grid of Vaadin, or a bug in the browsers.
The problem occurs when one row of the grid is very large. So I created a project which reproduces exactly this problem.

Here illustrates what it is all about:

![Peek 2020-09-01 23-39]

The problem occurs in material without any changes to the CSS. In Lumo you simply need a hover that works like in the material theme:

:hover > [part~="body-cell"]
	background: rgba(0, 0, 0, 0.04);

When scrolling, the hover seems to be lost for a short time and when you move the mouse in the lower part of the grid it flickers continuously.

[Link to the example Repository]

I used Vaadin version 14.3.4.
I test it on Firefox, Chrome and Chrome on Edge.
I hope you can help me.

Have a nice evening.

I’v got exactly the same problems with vaadin-material-design inside my Vaadin-Grid in Vaadin-Flow 14 (latest) on my Chrome Browser (latest). Any suggestions or workaround addressing this issue already exists?

Is there a GitHub issue of this yet? I didn’t one at https://github.com/vaadin/vaadin-grid/ on a quick glance.