Hi.
I have setup this test page:
https://stackblitz.com/edit/react-gpfhk9?file=app/main.tsx
The page shows 2 issues:
1) I implemented an external button that should collapse the "Sub Content" pane to the bottom. But instead of collapsing the "Sub Content" pane by moving the divider to the bottom, the divider stays where it is and the "Sub Content" pane gets collapsed to the top.
2) When you just reload the page in its initial state and then click on the triangle button on the divider to collapse the "Sub Content" pane, it shows the same behavior which I described above. But if you just move the horizontal divider a bit up or down and then click the triangle, the divider moves to the bottom as expected.
Is this a bug or am I doing something wrong and can somehow implement a setting so that the behavior will work as expected?
Thanks!
Greetings,
Bernd
1 Answer, 1 is accepted
Hello, Bernd,
In order for this to work, the Splitter should have at least one non-collapsed pane without a size set.
It seems that by design the number of collapsed panes is intended to fit inside the pane without a fixed size. We will add this to the official documentation. If you change the configuration of the size to 30% the component behaves as expected:
https://stackblitz.com/edit/react-gpfhk9-we215c?file=app/main.tsx
I hope this helps.
Regards,
FilipProgress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.