[TextField] Update outlined label when prop changes

[Shubhamchinda]

Fixes #16833
Fixes #14530

@oliviertassinari

[mui-pr-bot]

Details of bundle changes.

Comparing: 45d2ce2...089df7d

bundle	parsed diff	gzip diff	prev parsed	current parsed	prev gzip	current gzip
@material-ui/core	0.00%	0.00%	329,697	329,699	90,071	90,073
@material-ui/core/Paper	0.00%	0.00%	68,774	68,774	20,486	20,486
@material-ui/core/Paper.esm	0.00%	0.00%	62,148	62,148	19,216	19,216
@material-ui/core/Popper	0.00%	0.00%	28,468	28,468	10,177	10,177
@material-ui/core/Textarea	0.00%	0.00%	5,094	5,094	2,137	2,137
@material-ui/core/TrapFocus	0.00%	0.00%	3,834	3,834	1,613	1,613
@material-ui/core/styles/createMuiTheme	0.00%	0.00%	16,386	16,386	5,827	5,827
@material-ui/core/useMediaQuery	0.00%	0.00%	2,541	2,541	1,058	1,058
@material-ui/lab	0.00%	0.00%	153,545	153,545	46,752	46,752
@material-ui/styles	0.00%	0.00%	51,492	51,492	15,304	15,304
@material-ui/system	0.00%	0.00%	15,658	15,658	4,366	4,366
Button	0.00%	0.00%	78,778	78,778	24,072	24,072
Modal	0.00%	0.00%	14,346	14,346	5,010	5,010
Portal	0.00%	0.00%	2,907	2,907	1,318	1,318
Rating	0.00%	0.00%	70,245	70,245	21,948	21,948
Slider	0.00%	0.00%	74,483	74,483	23,064	23,064
colorManipulator	0.00%	0.00%	3,904	3,904	1,543	1,543
docs.landing	0.00%	0.00%	52,305	52,305	13,790	13,790
docs.main	0.00%	0.00%	597,545	597,545	190,886	190,886
packages/material-ui/build/umd/material-ui.production.min.js	0.00%	0.00%	300,602	300,604	86,485	86,486

Generated by 🚫 dangerJS against 089df7d

[eps1lon]

Thanks for working on this issue.

I just hope this won't get abused by changing labels instead of remounting the form. i18n is really the only valid use case for a changing label.

[Shubhamchinda]

Thanks for working on this issue.

Welcome, Let me know if this needs any changes :)

[oliviertassinari]

It looks good to me. Regarding the accessibility aspect of the feature, I think that there is an opportunity to build a tool to address it, it's likely not specific to Material-UI nor React.

[oliviertassinari]

@Shubhamchinda Thanks

[kamami]

In which release will this be available? In 4.3.3 I still have the problem. Thanks

[oliviertassinari]

@kamami Wait for the next release (v4.4.0).

[kamami]

@oliviertassinari I updated to 4.4.0, but the labels of my TextFields in Tabcontainer still overlap the border of the TextFields. Do I need to change some parameters of the TextFields to fix this bug since the update?

[eps1lon]

@kamami If this issue still persists with 4.4 please open a new issue and fill out the template. This would help a lot.