[DataGrid] Redundant filler appears after changing columns total width

[cherniavskii]

Steps to reproduce

Link to live example: https://stackblitz.com/edit/react-7hjjpu?file=Demo.tsx

Screen.Recording.2024-03-12.at.18.18.25.mov

Same could happen on the grid resize (try resizing preview panel in the Stackblitz demo above)

Current behavior

The filler appears even when there's no space left to fill.

Expected behavior

The filler should not appear if there's a vertical scroll (there's no space left to fill)

Context

No response

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: column resizing filler after last row

[github-actions]

⚠️ This issue has been closed.
If you have a similar problem, please open a new issue and provide details about your specific problem.
If you can provide additional information related to this topic that could help future readers, please feel free to leave a comment.

[mdimad7]

I'm still getting this bug where an empty filler is displayed even when there is no horizontal overflow of content in data grid @cherniavskii any idea how this can be fixed?