search

mui / mui-x

MUI X: Build complex and data-rich applications using a growing list of advanced React components, like the Data Grid, Date and Time Pickers, Charts, and more!
https://mui.com/x/
3.79k stars 1.12k forks source link

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

Closed ithrforu closed 2 weeks ago

ithrforu commented 2 weeks ago

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;

    image

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

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 commented 2 weeks ago

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

https://github.com/mui/mui-x/assets/32863416/3c8fec14-77a4-49be-900d-c95e346a0300

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

ithrforu commented 2 weeks ago

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 commented 2 weeks ago

Thanks for the confirmation! 👍🏻

github-actions[bot] commented 2 weeks ago

:warning: 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.