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] Programmatically hiding the right panel doesn't allow the left panel to take up free space #4369

Open
yanmariomenev opened this issue Jul 19, 2024 · 1 comment

Comments

@yanmariomenev
Copy link
Contributor

yanmariomenev commented Jul 19, 2024

Describe the bug
This is related to version 16.4.0 - #4304

When you resize a pane and then collapse it, the remaining pane does not occupy the full space of the splitter.

https://github.com/user-attachments/assets/e9d52b25-758e-407b-a8b2-721781f0425f
The first pane behavior is in v16.4.0 and the second in v16.3.0 (example).

To Reproduce
Open the following demo:
https://stackblitz.com/edit/angular-m7fxze-sgqntw?file=src%2Fapp%2Fapp.component.ts
Resize the pane and collapse it using the button.

A second version to reproduce the behavior when resizing the Splitter:

  1. Open https://stackblitz.com/edit/splitter-behavior-lrmz6w You will see two panes with a splitter in the middle.
  2. Resize the application window to make it larger. Notice that both panes resize appropriately.
  3. Resize the application window to make it smaller again. Again both panes resize appropriately.
  4. Move the pane splitter so that the width of the green/right pane is smaller.
  5. Resize the application window to make it larger. Note that the red background appears due to the panes not resizing to take up the available space.
@ian-nitro
Copy link

Hi,

We discovered a related issue in version 16.3.0.

  1. Open https://stackblitz.com/edit/splitter-size-collapse
  2. Click the collapse button. Note the yellow pane collapses as expected. However the green pane does not fill the remaining space as demonstrated by the red background.
  3. Remove the size attribute from the second kendo-splitter-pane.
  4. Click collapse. Note that the green pane now fills the remaining space.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants