[data grid] scrollbars are broken when virtualization is disabled #20772
Description
Steps to reproduce
Steps:
- Open this link to live example: CodeSandbox
- Scroll with the mouse wheel
- Observe that the scrollbar doesn't move
Current behavior
Both vertical and horizontal scrollbars are broken when virtualization is disabled. You can drag them to scroll, but they don't react to scrolling with the mouse wheel.
Demonstration video:
datagrid.webm
Expected behavior
Scrollbars should indicate the current scroll position. They should react to the scroll change events and move accordingly.
Context
No response
Your environment
npx @mui/envinfo
System:
OS: Linux 6.18 Arch Linux
Binaries:
Node: 25.2.1 - /usr/bin/node
npm: 11.6.4 - /usr/bin/npm
pnpm: 10.25.0 - /usr/bin/pnpm
Browsers:
Chrome: 143.0.7499
Firefox: 146.0.1
npmPackages:
@base-ui-components/react: 1.0.0-beta.7
@emotion/react: ^11.14.0 => 11.14.0
@emotion/styled: ^11.14.1 => 11.14.1
@mui/icons-material: ^7.3.5 => 7.3.5
@mui/lab: ^7.0.1-beta.19 => 7.0.1-beta.19
@mui/material: ^7.3.5 => 7.3.5
@mui/stylis-plugin-rtl: ^7.3.5 => 7.3.5
@mui/utils: ^7.3.5 => 7.3.5
@mui/x-data-grid: ^8.23.0 => 8.23.0
@mui/x-data-grid-premium: ^8.23.0 => 8.23.0
@mui/x-data-grid-pro: ^8.23.0 => 8.23.0
@mui/x-date-pickers: ^8.21.0 => 8.21.0
@mui/x-date-pickers-pro: ^8.21.0 => 8.21.0
@mui/x-license: ^8.21.0 => 8.21.0
@mui/x-tree-view: ^8.23.0 => 8.23.0
@toolpad/core: ^0.16.0 => 0.16.0
@types/react: ^19.2.7 => 19.2.7
react: ^19.2.0 => 19.2.0
react-dom: ^19.2.0 => 19.2.0
typescript: ^5.9.3 => 5.9.3
Search keywords: virtualization,scrollbars,scrollbar,disableVirtualization