[TextareaAutosize] Fix resizing instability

[ZeeshanTamboli]

• I have followed (at least) the PR section of the contributing guide.

Fixes #168
Fixes #160

Thanks to @hyorimitsu for pinpointing the cause of the issue, as mentioned in #168 (comment).

The solution involves storing the height in a ref and updating it only when it differs from the previous value. Previously, we set the height everytime even if it remained unchanged, causing the glitch.

Before: https://codesandbox.io/p/sandbox/old-wave-py2jkq
After: https://codesandbox.io/p/sandbox/admiring-dan-9kqmtk

---

If this looks good, should I open a PR in the Material UI repository as well? This fix addresses a regression, and I'm uncertain about when it will be released from this repository.

[ZeeshanTamboli]

I'm having trouble coming up with a test for this. @oliviertassinari, since you added the "PR: needs test" label, could you assist me with it?

[michaldudak]

If this looks good, should I open a PR in the Material UI repository as well? This fix addresses a regression, and I'm uncertain about when it will be released from this repository.

We are not going to release any new versions from this repo anytime soon (not unless we have a consistent API across existing components).

We decided not to encourage contributions to the Base UI in the Core repo either (so we don't end up managing two diverging versions), but since you already took the effort to fix the bug, we can release it from the Core repo.

I understand that it's not a perfect situation and we're doing what we can to have just one copy of the source code as soon as possible.

[ZeeshanTamboli]

Since there is no one copy of the source code yet, I think we should fix it here in this repository too, or it will become out of sync. Once it's good here, I'll make a PR in the Core repository too. I think we should point it to the master branch instead of next in the Core repository and release it under v5. Later, we can merge the master branch with this fix into next. What are your thoughts on this? Who will release from the master branch and when?

[michaldudak]

@DiegoAndai, @mnajdova - what would be the best way to release this from the Core repo?

[pirtlj]

looking forward to seeing this fixed

[colmtuite]

Auto-sizing can be handled with field-sizing. It's not currently well-supported, though it should be later this year. So we're planning to deprecate this component for our v1 release later this year.

Here's a demo.

[DiegoAndai]

what would be the best way to release this from the Core repo?

As discussed today in the core team meeting:

We can release whenever we have something to release. The process is to merge the change to next and then cherry-pick to master. Releases from master will only happen if there are changes.

[ZeeshanTamboli]

Created PR in Core repo: mui/material-ui#41638.

[ZeeshanTamboli]

@mui/base-ui I believe we should consider merging this. See the rationale in #168 (comment). The corresponding PR in the core repository (mui/material-ui#41638) has been merged, for existing @mui/base users and @mui/material users and those utilizing Material UI TextField with the multiline prop.

Regarding the test, I've implemented an E2E test in the Core repository. However, we currently lack the setup for E2E tests here. Should I proceed with setting up an E2E test suite, or should we consider merging this PR without a test?

[michaldudak]

All right, we can merge it here as the future of this component is not clear yet. As for E2E tests, could you set them up in a separate PR?

[ZeeshanTamboli]

As for E2E tests, could you set them up in a separate PR?

I just saw it's being done in #395.

[michaldudak]

All right, let's add the test once #395 is merged and we'll be able to close it.

[ZeeshanTamboli]

@michaldudak Added test. Ready for merge.