[DataGrid] Autosizing does not work correctly about mui-x HOT 7 OPEN

I think @romgrk will have more context regarding this.

from mui-x.

Hey @RazbezhkinAV
The example you did provide us with is not working unfortunately.
Could you please fix it so we can see what exactly is not working?
Thanks! 🙇🏼

from mui-x.

@michelengelen
I'm sorry, everything should be working now.
https://codesandbox.io/p/sandbox/autosizing-mui-data-grid-hfrxgg?file=%2Fsrc%2FPopUpComponent.tsx%3A64%2C14

from mui-x.

Ok, now I can see what's not working.
@cherniavskii could you have a look at this?
The autosize on mount and on click is behaving differently and it does not expand all columns enough to view the values in their entirety!
Thanks! 🙇🏼

from mui-x.

Don't know why it's happening, I'll need to debug more in details to understand. It looks like it's very close to the required width, maybe the fractional widths are off by a tiny bit. All it takes is for the width to be stricly <, even by the tiniest amount, and the browser falls back to a text ellipsis. An easy fix could be to always add 1px to whatever width we have calculated.

from mui-x.

As for the issue with autosizeOnMount, also don't understand the difference for the last two columns.

Note: your columns are constant, you can extract them outside the component instead of memo'ing them.

from mui-x.

Any ETA on this fix? The slight buffer seems like that would work. I'd like to note that the calculation is easily thrown off when the cells have borders, or the showCellVerticalBorder prop is passed in.

from mui-x.