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.