[Autocomplete][material-ui] `fullwidth=true` always passed to inner component

[guoyunhe]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example: https://stackblitz.com/edit/react-zc5u5j?file=demo.js

Steps:

1. create <Autocomplete/> with a <TextField/> as inner input.
2. see the render result.
3. inspect React props with React Dev Tools.

Current behavior 😯

The <Autocomplete/> is full width, even if I didn't specify fullwidth prop.

After inspecting the props of <TextField/>, I found that <Autocomplete/> always pass fullwidth={true} to inner input component, which is unexpected.

Expected behavior 🤔

It should not be fullwidth if I din't tell it to be. This makes the component more predictable.

Context 🔦

No response

Your environment 🌎

npx @mui/envinfo

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

[michaldudak]

You're right, the fullWidth prop on the Autocomplete seems to only add the .MuiAutocomplete-fullWidth class on the root element and does not control the actual input.
This was done in #19805. @oliviertassinari, the description of the PR doesn't explain why this was done this way. Do you still remember anything about this PR?

[michaldudak]

Changing this behavior will break existing layouts. We can work on it when preparing v6.