[Autocomplete] multiple values dropdown arrow & x pushed to wrong location

[goleary]

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

This is visible in the docs

https://material-ui.com/components/autocomplete/#multiple-values

Expected Behavior 🤔

I expect the dropdown arrow to remain on the line with the cursor

Steps to Reproduce 🕹

https://material-ui.com/components/autocomplete/#multiple-values

Start adding values to the textfield. it happens when the placeholder takes up the rest of the line, it pushes the dropdown arrow & even the x to the beginning of the next line.

Your Environment 🌎

Tech	Version
Material-UI	v4.?.?
OS	windows
Browser	Chrome

[oliviertassinari]

@goleary Haha, I have seen this one coming (noticed it during initial development). We might want to apply the same approach than the Select component (position absolute + padding-right).