Mui input base text area style is not applied correctly with input props on 5.15.11 from 5.15.10

[TangMichael]

Steps to reproduce

Link to live example: (required)
https://stackblitz.com/edit/react-qhoqwr?file=Demo.tsx

Steps:

1. Add multiline props to make a text area to the input base
2. add inputProps with style and height of 100

Current behavior

Height of the component is bigger than 100

Expected behavior

Height should be at 100

Context

It looks like the first textarea does not contain the style applied to it. I would think it would work fine with the fix done here: #41369

If you were to use the dependency of @mui/material to 5.15.10, using the same props, the textarea will correctly be at 100px. Here is another stackblitz with the dependency updated.

https://stackblitz.com/edit/react-qhoqwr-pewfah?file=package.json

I did not see anything in the release note between 5.15.10 and 5.15.11 that would do this change. Is it possible I am missing something when doing this change?

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: input base, text area

[mnajdova]

The style is applied, check the DOM nodes

It is heigher because the root element has some padding. You could move the style to the root element instead. I hope this explanation helps

[TangMichael]

@mnajdova perhaps the codesandbox did not save properly with the right material version but here are screenshots to show the difference between the two versions.

The style is applied correctly if you are on version 5.15.10 as you can see here:

However, if you were to use version 5.15.11, the height is now 400 for some reason.

[TangMichael]

any updates regarding this? @mnajdova Feels like this should be re-opened