IgniteUI / igniteui-angular

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.
https://www.infragistics.com/products/ignite-ui-angular
Other
569 stars 159 forks source link

Grid rows do not update when parent container has 'display: contents' and resizing the window up. #14278

Open skrustev opened 1 month ago

skrustev commented 1 month ago

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

  1. Open the grid auto size demo.
  2. Resize the window down.
  3. Set display to contents using the button.
  4. Set any data.
  5. Scroll to the furthest right position.
  6. Resize the window up

Result

The rows and headers are misaligned.

Expected result

The rows should be aligned to the headers and scrollbar position.

Attachments

grid_resize_scroll2

MayaKirova commented 1 month ago

@dkamburov We should retest this after the display density and resizer changes in master.