Unplanned
Last Updated: 20 Dec 2024 10:32 by ADMIN
Dmitry
Created on: 16 Dec 2024 13:13
Category: Kendo UI for Angular
Type: Bug Report
0
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:

  1.  Use a  kendo-splitter with two kendo-splitter-pane elements.
  2.  Resize one of the panes
  3.  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.