RadzenSplitter with lots of content freezes #1232

Closed
opened 2026-01-29 17:50:48 +00:00 by claunia · 0 comments
Owner

Originally created by @iotalambda on GitHub (May 15, 2024).

Describe the bug
Since 4.27.0 RadzenSplitter freezes when there's certain complex content on the panes.

To Reproduce
Steps to reproduce the behavior:

  1. install 4.27.0 or later
  2. create a page:
@page "/"

<div style="width: 800px; height: 600px">
    <RadzenSplitter>
        <RadzenSplitterPane Style="background: red">
            <RadzenDataGrid TItem=@Item Data=[] Count=0 AllowFiltering>
                <Columns>
                    @for (var i = 0; i < 100; i++)
                    {
                        <RadzenDataGridColumn TItem=@Item Property=@nameof(Item.Property) Title="Property" />
                    }
                </Columns>
            </RadzenDataGrid>
        </RadzenSplitterPane>
        <RadzenSplitterPane Style="background: green">
            <RadzenDataGrid TItem=@Item Data=[] Count=0 AllowFiltering>
                <Columns>
                    @for (var i = 0; i < 100; i++)
                    {
                        <RadzenDataGridColumn TItem=@Item Property=@nameof(Item.Property) Title="Property" />
                    }
                </Columns>
            </RadzenDataGrid>
        </RadzenSplitterPane>
    </RadzenSplitter>
</div>

@code {
    class Item
    {
        public string Property { get; set; }
    }
}
  1. Move the splitter couple of times -> it will freeze and memory keeps getting allocated more and more

Expected behavior
Do the same using 4.26.1 -> everything works smoothly.

Desktop (please complete the following information):

  • Browser: Firefox, Edge, Chrome
Originally created by @iotalambda on GitHub (May 15, 2024). **Describe the bug** Since 4.27.0 RadzenSplitter freezes when there's certain complex content on the panes. **To Reproduce** Steps to reproduce the behavior: 1. install 4.27.0 or later 2. create a page: ```razor @page "/" <div style="width: 800px; height: 600px"> <RadzenSplitter> <RadzenSplitterPane Style="background: red"> <RadzenDataGrid TItem=@Item Data=[] Count=0 AllowFiltering> <Columns> @for (var i = 0; i < 100; i++) { <RadzenDataGridColumn TItem=@Item Property=@nameof(Item.Property) Title="Property" /> } </Columns> </RadzenDataGrid> </RadzenSplitterPane> <RadzenSplitterPane Style="background: green"> <RadzenDataGrid TItem=@Item Data=[] Count=0 AllowFiltering> <Columns> @for (var i = 0; i < 100; i++) { <RadzenDataGridColumn TItem=@Item Property=@nameof(Item.Property) Title="Property" /> } </Columns> </RadzenDataGrid> </RadzenSplitterPane> </RadzenSplitter> </div> @code { class Item { public string Property { get; set; } } } ``` 3. Move the splitter couple of times -> it will freeze and memory keeps getting allocated more and more **Expected behavior** Do the same using 4.26.1 -> everything works smoothly. **Desktop (please complete the following information):** - Browser: Firefox, Edge, Chrome
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1232