When try to drag and drop a grid with a large number of Items, the browser tab crashes completely without explicit error.
This occurs in Chrome and Edge while Firefox works perfectly with no issues.
Between 1000 and 2000 items, the drag still works but with significant delay.
From about 2000+ items the tab crashes completely.
Also tested lazy data providers but the issue persists either way.
Expected outcome
The Grid should be draggable without any performance issues or crashes.
Minimal reproducible example
@Route("tst")
public class TestView extends VerticalLayout {
public TestView() {
Grid<String> grid = new Grid<>(String.class);
ArrayList<String> list = new ArrayList<>();
for (int i = 0; i < 5000; i++) {
list.add(i + "");
}
grid.setItems(list);
DragSource<Grid> gridDragSource = DragSource.create(grid);
gridDragSource.setDraggable(true);
add(grid);
}
}
Steps to reproduce
Add the snippet above in a Vaadin 24.4.13 application
Run the application and try to drag the Grid using Chrome browser. It will crash and show an error "something went wrong when displaying this webpage".
Description
When try to drag and drop a grid with a large number of Items, the browser tab crashes completely without explicit error.
This occurs in Chrome and Edge while Firefox works perfectly with no issues.
Between 1000 and 2000 items, the drag still works but with significant delay. From about 2000+ items the tab crashes completely.
Also tested lazy data providers but the issue persists either way.
Expected outcome
The Grid should be draggable without any performance issues or crashes.
Minimal reproducible example
Steps to reproduce
Environment
Vaadin version(s): 24.4.13, 24.5.0 OS: Windows 10, 11 Browser version: Chrome 129.0.6668.101; Edge 129.0.2792.89; Firefox 131.0.3
Browsers
Chrome, Edge