inovua / reactdatagrid

Empower Your Data with the best React Data Grid there is

Home Page:https://reactdatagrid.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

The first row has two items overlapped when using dynamic row height

krzysztofengineer opened this issue · comments

  • what edition are you using - community / enterprise
  • version for @inovua/reactdatagrid-communityor @inovua/reactdatagrid-enterprise - ^5.10.2

What you did:

I've enabled dynamic row height:

rowHeight={null}
virtualized={false}

What happened:

The first row of the table has two items overlapped:

Screenshot 2023-10-02 at 08 45 01

Reproduction code:

minRowHeight={45}
rowHeight={null}
virtualized={false}

What's odd is that the overlapping row is not a second in order but the 4th from the end. Here's its place:

Screenshot 2023-10-02 at 08 52 24

What I found is, for some reason, one or sometimes two divs with class InovuaReactDataGrid__row-cell-wrap InovuaReactDataGrid__row-hover-target has top position set to 0px