[Select] Remove labelWidth prop

[Nipodemos]

I am trying to use the Select component, however when I set the label to be shrinked by default, it has a strike though. It is not respecting labelWidth not label nor anything

• 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 😯

When select label component is set to shrink by default, the line remains there instead of give space for the label.

Expected Behavior 🤔

If it is shrinked by default, it should not have the strike through

Steps to Reproduce 🕹

https://codesandbox.io/s/heuristic-kepler-vdhml?file=/src/App.js

Steps:

1. Just open the codesandbox code and you will see the problem

Context 🔦

The design of the website demands that I have a label shrinked and a placeholder on the empty input

Your Environment 🌎

Tech	Version
Material-UI	v4.11.0
React	16.13.1
Browser	Chrome
TypeScript	no

[eps1lon]

We'll probably fix this by introducing a dedicated component for this pattern: #21782

Until then <Select label="Age" notched> should do.

[Nipodemos]

Thank you very much for the tip!

[oliviertassinari]

It is not respecting labelWidth

@eps1lon What do you think about dropping this prop? From what I understand, we do no longer need it since we have refactored NotchedOutline.js to no longer depend on layout measurements.