Ignite UI for Angular is a complete library of Angular-native, Material-based Angular UI components with the fastest grids and charts, Pivot Grid, Dock Manager, Hierarchical Grid, and more.
When the parent container of the grid has display: contents and the user has scrolled to the furthest right position and resizes the window to be larger, the rows do not update for the new size and scroll position correctly.
When display is set to block, this does not happen.
igniteui-angular version: any
browser: any
Steps to reproduce
Open the grid auto size demo.
Resize the window down.
Set display to contents using the button.
Set any data.
Scroll to the furthest right position.
Resize the window up
Result
The rows and headers are misaligned.
Expected result
The rows should be aligned to the headers and scrollbar position.
Description
When the parent container of the grid has
display: contents
and the user has scrolled to the furthest right position and resizes the window to be larger, the rows do not update for the new size and scroll position correctly.When display is set to
block
, this does not happen.Steps to reproduce
Result
The rows and headers are misaligned.
Expected result
The rows should be aligned to the headers and scrollbar position.
Attachments