[SelectInput] Update menu to use select wrapper as anchor

[EduardoSCosta]

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

This PR fixes #33559
This PR fixes #32958 too

The Menu component from SelectInput was updated to occupy the Select full width even when it has an adornment.

Before:

After:

[mui-bot]

	Messages
📖	Netlify deploy preview: https://deploy-preview-34229--material-ui.netlify.app/

Details of bundle changes

Generated by 🚫 dangerJS against f6d8add

[mracette]

I noticed an issue that is related to this one. If you use the filled or standard variants with an adornment, the focused state will only darken the portion of the text input that doesn't contain the adornment.

Any chance that this PR addresses this issue as well? If not, I would be interested to know what it would take to fix that. Would be happy to help.

mui-text-field-adornment.mov

[michaldudak]

Thanks for your work. This seems to be working well.
We can simplify the implementation a little bit, though.

---

@mracette please open a separate issue and provide a reproduction sandbox.

[michaldudak]

I made a small edit to correct the code I had a remark about.
It's good to go now. Thanks for your work!

[gl0gl0]

I noticed an issue that is related to this one. If you use the filled or standard variants with an adornment, the focused state will only darken the portion of the text input that doesn't contain the adornment.

Any chance that this PR addresses this issue as well? If not, I would be interested to know what it would take to fix that.

hi, just wondering if the issue mentioned by @mracette ⬆️ was indeed opened on a separate issue? I'm facing this same issue.
Thanks!

[mnajdova]

hi, just wondering if the issue mentioned by @mracette ⬆️ was indeed opened on a separate issue? I'm facing this same issue.
Thanks!

I can't find any issue related to it, feel free to open a new one.