[data grid] scrollbars not covered by Backdrop [Widows/Chrome]

[caillou]

Steps to reproduce

Steps:

1. Using Chrome on Windows, open this link to live example: https://stackblitz.com/edit/react-yjbgmx5t?file=Demo.tsx

Current behavior

The scrollbars of the data grid are visible on top of the Backdrop.

Mar-18-2025.13-45-24.mp4

Expected behavior

Backdrop should cover scrollbars.

Context

No response

Your environment

npx @mui/envinfo

  System:
    OS: Windows 11 10.0.26100
  Binaries:
    Node: 20.13.1 - C:\Program Files\nodejs\node.EXE
    npm: 10.5.2 - C:\Program Files\nodejs\npm.CMD
    pnpm: Not Found
  Browsers:
    Chrome: Version 134.0.6998.89 (Official Build) (64-bit)
  npmPackages:
    @emotion/react: 11.14.0 => 11.14.0
    @emotion/styled: 11.14.0 => 11.14.0
    @mui/base:  5.0.0-beta.69
    @mui/core-downloads-tracker:  6.4.7
    @mui/icons-material: 6.4.7 => 6.4.7
    @mui/lab: 6.0.0-beta.26 => 6.0.0-beta.26
    @mui/material: 6.4.7 => 6.4.7
    @mui/private-theming:  6.4.6
    @mui/styled-engine:  6.4.6
    @mui/system:  6.4.7
    @mui/types:  7.2.21
    @mui/utils: 6.4.6 => 6.4.6
    @mui/x-data-grid:  7.27.3
    @mui/x-data-grid-pro: 7.27.3 => 7.27.3
    @mui/x-date-pickers: 7.27.3 => 7.27.3
    @mui/x-internals:  7.26.0
    @mui/x-license:  7.26.0
    @mui/x-tree-view: 7.26.0 => 7.26.0
    @types/react: 18.3.12 => 18.3.12

Search keywords: backdrop scrollbar datagrid

[DiegoAndai]

Hey @caillou, thanks for the report. I'm transferring this issue to the MUI X repo so the team can take a look.

[michelengelen]

Thanks for reporting this @caillou ... I'll add this to the board! 👍🏼