Kendo Splitter not working well with angular on collapsing dynamic panels

I'm using kendo-ui with angular for four horizontal panels.

when the last panel is toggled it opens and after resizing it if I close it by toggle, the space previously occupied by the last panel stays unoccupied by the adjacent panel

Upon closing the last panel, I want the adjacent panel to take up it's space

kendo version v17.2.0

Here's the stackblitz of the repo

https://stackblitz.com/edit/angular-m7fxze-lohztkxe?file=src/app/app.component.ts

steps to reproduce:

1. Click on Toogle 4th Panel button. This opens 4th panel on the right side.
2. Resize the last panel by using cursor.
3. Click on Toggle 4th panel, You observe the space previously occupied by 4th panel is empty.

Expectation: Upon toggling 4th panel the space previously occupied by 4th panel should now be occupied by 3rd panel.

Thanks in advance

Continue reading...