[data grid] Column Resize within column threshold

[Coen-Townson]

Steps to reproduce

Recording: https://www.loom.com/share/cfde740cc3cf4ca9b9b51aa7745418f7

Issue is present on any datagrid with sufficient scrollable width
https://mui.com/x/react-data-grid/scrolling/

Go to this link and in the first table, scroll all the way to the right (doesn't need to be ALL the way to trigger bug but unsure EXACTLY what the cutoff is).
Now that you're at the right side of the table, attempt to resize the "Updated On" column. It appears that the table cells are correctly resizing and being anchored left but the column headers are anchored right

Current behavior

No response

Expected behavior

No response

Context

No response

Your environment

This happens in the MUI documentation environment

Search keywords: Column Resize

[michelengelen]

Hey @Coen-Townson ... thanks for raising this. I can confirm this bug.
It seems once the right border hits the area where it needs to scroll it expands weirdly and way too fast as well!

I will add this to our board for the team to have a look!

Thanks again! 🙇🏼

[github-actions]

The issue has been inactive for 7 days and has been automatically closed.

[cherniavskii]

@romgrk Can you take a look at this one?

[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.

@Coen-Townson: 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.