Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Splitter panes shrink or expand vertically and breaking the Splitter layout #5114

Open
dimodi opened this issue Jul 18, 2024 · 0 comments
Open
Labels
Bug Something isn't working C:Splitter

Comments

@dimodi
Copy link
Contributor

dimodi commented Jul 18, 2024

Describe the bug

The height:100% style of Splitter panes is causing unexpected behaviors.

  • In horizontal Splitters with no height, the panes shrink vertically.
  • In vertical Splitters with no height, the panes can expand too much and overflow the Splitter. Other panes may disappear completely.

To reproduce

https://blazorrepl.telerik.com/mSEhlrYZ542NZdzn21

  • Clear the Size of the first pane
  • Toggle the Splitter orientation to Vertical
  • The Middle pane will disappear.

https://blazorrepl.telerik.com/GSYhviuW09q5sa6j29

  • Remove the Splitter height
  • The panes will shrink vertically

Expected behavior

  • Panes in a horizontal Splitter always expand to match the Splitter height.
  • Panes in a vertical Splitter do not overflow or squash other panes.

Affected package (please remove the unneeded items)

  • All

Affected suites (please remove the unneeded items)

  • All

Affected browsers (please remove the unneeded items)

  • All

Build system information (please remove the unneeded items)

  • Not Applicable

Additional context

Related to telerik/kendo-angular#1264

@dimodi dimodi added Bug Something isn't working C:Splitter labels Jul 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Something isn't working C:Splitter
Projects
None yet
Development

No branches or pull requests

1 participant