fix(material-experimental/mdc-form-field): add workaround for incorrect MDC label size

[mmalerba]

No description provided.

[crisbeto]

LGTM

[devversion]

Should this be .mdc-floating-label::after? The asterisk is a pseudo-element of the parent element, not mat-label, or is that targeting something else?

[devversion]

@mmalerba This would be fixed by #23005 too. Your approach seems easier to maintain, but unfortunately breaks in pre-rendering where the non-upgraded notched-outline has some special styling to make the label appear as it would in the hydrated component. e.g. this is how it looks now pre-rendered:

With #23005 it will pre-rendered correctly too (although it being a bit more code to maintain; but worth it IMO; especially since MDC puts effort into pre-rendering visuals)

(I'm just removing merge ready; so that we can chat about it)

[mmalerba]

@devversion I do think we should make your change, though I'm not sure if it will be sufficient to overpower the specificity of some of the styles MDC sets. I'll put mine on pause until yours goes in, then we can verify and see if any additional changes need to happen to workaround.

[devversion]

@mmalerba Sounds good 👍 I've rebased the other PR; should be good to go.

[mmalerba]

Closing since #23005 solved this issue

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}