In the Kendo for Angular Splitter component, adding or removing items from the bound array causes all panes to re-render, even if only one pane is affected. This results in unnecessary content reloads—for example, iframes inside panes are forced to reload, disrupting the user experience.

This behavior appears to stem from change detection triggering full DOM updates within the Splitter. We propose optimizing the component to prevent unnecessary re-renders of unchanged panes, improving performance, and preserving pane content during dynamic updates (similar to version 6.3.0).

Example with CSS that visually demonstrates the re-rendering of content - https://stackblitz.com/edit/angular-p7g2g477-8buqmjpe

The second example which is similar to the above - https://stackblitz.com/edit/angular-p7g2g477