[base-ui][material-ui][TextareaAutosize] Fix inline style not getting applied

[ZeeshanTamboli]

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

Fix part of mui/base-ui#168 where style was not getting applied. It's a regression from #40789.

Before: https://codesandbox.io/p/sandbox/magical-fermi-nctqps
After: https://codesandbox.io/p/sandbox/compassionate-napier-7tnq6l

[mui-bot]

Netlify deploy preview

https://deploy-preview-41369--material-ui.netlify.app/

Bundle size report

Details of bundle changes (Toolpad)
Details of bundle changes

Generated by 🚫 dangerJS against 5c85931

[DiegoAndai]

Hey @ZeeshanTamboli, I have a single suggestion.

[oliviertassinari]

We recently committed to only move forward from Base UI repository https://github.com/mui/base-ui so this PR isn't solving the problem. I transferred the issue to Base UI mui/base-ui#168. It's great that we didn't close it, the problem is not truly fixed yet 👍.

Next, we still need to:

• Apply this fix in Base UI https://github.com/mui/base-ui/blob/master/packages/mui-base/src/TextareaAutosize/TextareaAutosize.tsx#L200
• Update the logic to depend on @mui/base
• Remove Base UI old version from this repository, entirely. Issue created [base-ui] Remove all sources from http://github.com/mui/material-ui #41435

[oliviertassinari]

Prefer using the screen. We are moving tests as much as possible to rely on global queries. This is purely to keep the test environment simple. Most of the time, we don't need the notion of a container. We render one element at once on the screen.

Suggested change

	const { container } = render(<TextareaAutosize style={{ backgroundColor: 'yellow' }} />);
	const input = container.querySelector<HTMLTextAreaElement>('textarea')!;
	render(<TextareaAutosize style={{ backgroundColor: 'yellow' }} />);
	const input = document.querySelector<HTMLTextAreaElement>('textarea')!;

[ZeeshanTamboli]

We recently committed to only move forward from Base UI repository https://github.com/mui/base-ui so this PR isn't solving the problem. I transferred the issue to Base UI mui/base-ui#168. It's great that we didn't close it, the problem is not fixed 👍.

Next, we still need to:

• Apply this fix in Base UI https://github.com/mui/base-ui/blob/master/packages/mui-base/src/TextareaAutosize/TextareaAutosize.tsx#L200
• Update the logic to depend on @mui/base
• Remove Base UI old version from this repository, entirely. Issue created [base-ui] Remove all sources from http://github.com/mui/material-ui #41435

@oliviertassinari Noted. However, addressing all of this will require some time, correct? Given that this was a regression, it was crucial to implement an urgent fix in this repository for the upcoming release. Nevertheless, I agree that the fix should also be applied in the Base UI repository - mui/base-ui#177.