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

[skrustev]

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.

• igniteui-angular version: any
• browser: any

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