[data grid] Cell's content overflown when row height is auto

[ithrforu]

Steps to reproduce

Link to live example: (required)
Codesandbox.

Steps:

1. Narrow the "rating" column.
2. Toggle "Change auto height mode" button.

Current behavior

1. When row height auto is false MuDatGrid-Cell have properties:

overflow: hidden;
white-space: no-wrap;

2. When row height auto is true MuDatGrid-Cell does not have these properties and cell's content overflows the cell:

Expected behavior

When row height auto is true MuDatGrid-Cell should use overflow: hidden;.

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: rowHeight, rowHeight="auto", overflow, cell overflow, MuDatGrid-Cell
Order ID: 58079

[michelengelen]

Hey @ithrforu,
I cannot reproduce this issue. The grid in your example works just as expected:

Screen.Recording.2024-04-19.at.11.45.40.mov

Which browser are you using and did you try this in a different browser?

[ithrforu]

Hey, @michelengelen.

The bug is reproduced in 6.19.6 (codesandbox) and it is ok on the latest version (fixed in 7.2.0).

You can close the issue, thank you!

[michelengelen]

Thanks for the confirmation! 👍🏻

[github-actions]

⚠️ This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

@ithrforu: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.