Description

The layout includes a splitter with Vertical type having its style.width set to '100%' and containging two splitter panes. The left one has its minSize property set, for instance to '150px'. Then the splitter handle is dragged to the left, such that the left pane reaches its mimimum width and cannot be shrinked anymore (the same happens if no minSize is set and the pane is fully collapsed). After that the window is resized to be smaller in width. When the window is resized back to be wider, the right splitter panes does not fill the right are as it did before the resize.

• igniteui-angular version: 16.1.x, 16.0.x, 15.1.x
• browser: any

Steps to reproduce

1. Open this sample.
2. Drag the splitter handle to the left until the left pane cannot be shrinked anymore.
3. Resize the window to a smaller width.
4. Resize the window back to a bigger width.
5. Observe the right splitter pane not taking the space before the resize.

Result

no minSize:

Expected result

The splitter panes to adjust to take the remaining width of the splitter after the window resize.

When the left pane is not on its min size:

Note: Not sure if this is an issue, since nothing sets the right pane width to take up what space remains, however, such a result might not be considered ideal, also considering the latter gif and the different outcome in both scenarios. This behavior was reported in relation to #13249