Kendo Splitter Pane Overflowing on Zoom

Progress® Kendo UI® for Angular Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Declined

Last Updated: 28 Jan 2025 13:43 by ADMIN

Dmitry

Created on: 16 Dec 2024 13:13

Category: Kendo UI for Angular

Type: Bug Report

Kendo Splitter Pane Overflowing on Zoom

When increasing the browser zoom level while using a kendo-splitter with two kendo-splitter-pane elements, one of the panes exceeds the boundaries of the kendo-splitter. As a result, part of the content becomes hidden.

Steps to Reproduce:

Use a kendo-splitter with two kendo-splitter-pane elements.
Resize one of the panes
Increase the browser zoom level.

Template:

<kendo-splitter>
  <kendo-splitter-pane [collapsible]="true" size="30%">
    <div>
      <h3>Inner splitter / left pane</h3>
      <p>Resizable and collapsible.</p>
    </div>
  </kendo-splitter-pane>

  <kendo-splitter-pane>
    <div>
      <h3>Inner splitter / center pane</h3>
      <p>Resizable only.</p>
    </div>
  </kendo-splitter-pane>

  <kendo-splitter-pane [collapsible]="true" size="30%">
    <div>
      <h3>Inner splitter / right pane</h3>
      <p>Resizable and collapsible.</p>
    </div>
  </kendo-splitter-pane>
</kendo-splitter>

1 comment

ADMIN

Yanmario

Posted on: 20 Dec 2024 10:32

Hi Dmitry,

Thank you for the provided feedback.

This indeed seems to be a bug in our component and the following GitHub issue was also opened on this matter:

https://github.com/telerik/kendo-angular/issues/4493

I also updated your Telerik Points as a small token of gratitude for reporting this issue to us.

Regards,
Yanmario
Progress 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.

Create an account Log In

View

Type

Status