mui / mui/base-ui

[menu] Virtualized DataGrid: opening Base‑UI MenuTrigger causes full grid re-render (Radix works fine)

Open
#3,074 4 comments 0 reactions 0 assignees View on GitHub
component: menu has workaround
Dominant language
TypeScript
Stars
10.9k
Forks
543
Avg merge
1d 20h
Merged PRs (30d)
101

Description

When using a virtualized DataGrid (virtua WindowVirtualizer/Virtualizer) and Base‑UI Menu (MenuTrigger / DropdownMenu), clicking a row's menu trigger causes the entire data grid to re-render/remount rows. Using Radix UI for the same menu does not produce the issue. The menu content is portaled, so the overlay mount itself is not the cause.

## Observed behavior

Virtualized grid re-renders/remounts whole data-grid when a row action menu is toggled with Base‑UI menu.

### xpected behavior

Nothing in the data-grid DOM should update. Menu should not cause parent/virtualizer to remount unrelated rows (same behavior as Radix).

## Request

please advise on a minimal example showing safe use with virtua WindowVirtualization.

## DropdownMenu / Menu usage

**Radix:** https://github.com/user-attachments/assets/88a09d6a-a402-47b5-9302-ebc2051fd5a2
**Base-ui:** https://github.com/user-attachments/assets/a4f1a730-e364-45ea-8cc1-448e31ac2507

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.