[data grid] Removing autoHeight causes visual bugs when using overflow hidden #16009
Labels
bug 🐛
Something doesn't work
component: data grid
This is the name of the generic UI component, not the React module!
feature: Column pinning
Related to the data grid Column pinning feature
status: waiting for author
Issue with insufficient information
Related Page
React Data Grid Layout Documentation
Issue Type
Bug Report
Description
Following the instructions to remove
autoHeight
causes a visual bug when scrolling the UI. The issue manifests as follows:Before interaction: A visual bug appears during scrolling:
After interaction: The issue resolves itself when the cursor moves or a click is performed anywhere:
Context
The issue occurs under the following conditions:
overflow: hidden
applied.Sample code to reproduce the issue:
Additional Details
Bug Trigger: Using pinned columns on the right combined with
overflow: hidden
in the parent container.Visual Demonstration:
Search Keywords
autoHeight
,DataGrid
,pinned columns
,overflow hidden
The text was updated successfully, but these errors were encountered: