CSS Hover on Grid flickers - v14

Hi,

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]
(https://vaadin.com/attachment/3bcb1714-995f-4493-92ae-3de83f6bc2a5/Peek%202020-09-01%2023-39.gif)

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:

[part~="row"]
: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]
(https://gitlab.com/KaesDingeling/VaadinGridFlicker)

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.
18423980.gif

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.

-Olli