[manager-components]: DataGrid cell content does not wrap or truncate long words

On which entity, you would like to report a bug?

DataGridTextCell

Description

When a single word inside a cell is too long (e.g. a long string without spaces), the DataGrid does not adjust the cell content properly. Instead of wrapping or truncating the word, it stretches the entire cell. Sometimes the whole table which breaks the layout and negatively affects usability.

In my case it was an operation name that is very long : "Retrying because domain_service.ds_records_state.reason_code=DsRecordStateReason.DNSSEC_ALREADY_PENDING"

Steps to reproduce

Go to https://ovh.github.io/manager/storybook-static/?path=/story/manager-react-components-components-datagrid-cursor--basic&args=columns[0].label:ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff

or change the label or value in a column that is very long and see the layout change : https://ovh.github.io/manager/storybook-static/?path=/story/manager-react-components-components-datagrid-cursor--basic

Browser

Firefox

Operating System

• macOS
• Windows
• Linux

Additional Information

No response