[TextareaAutosize] Glitchy resizing

[cherniavskii]

Steps to reproduce

Link to live example: https://stackblitz.com/edit/react-ktw8pj?file=Demo.tsx

Steps:

1. Resize textarea vertically

Current behavior

Resizing is glitchy

Screen.Recording.2024-03-06.at.11.21.11.mov

Expected behavior

Resizing should be smooth

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: text area resize glitch

[nktnet1]

The same issue with from material-ui was recently moved to base-ui here: #168

[ZeeshanTamboli]

Created a PR to fix it - #189.

[colmtuite]

Auto-sizing can be handled natively these days with field-sizing. So we're going to deprecate this component soon.

[Octobr26]

Hi,

After testing the AutoResize component across different platforms, I found that its behavior varies slightly depending on the OS:

MacOS: The component is glitchy with inconsistent behavior during resizing.
Windows 10: same as MacOS.
Windows 11: It works well on this platform.

Given that it functions across platforms, albeit with minor glitches on some, it remains usable for end users depending on the platform they're on