reactdatagrid icon indicating copy to clipboard operation
reactdatagrid copied to clipboard

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

Open krzysztofengineer opened this issue 1 year ago • 1 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}

krzysztofengineer avatar Oct 02 '23 06:10 krzysztofengineer

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

krzysztofengineer avatar Oct 02 '23 06:10 krzysztofengineer