Angular 11: Mat Form Field Float Label Height Issue Until Page Is Reloaded

I’ve been facing a problem with Mat Form Field showing the placeholder too high the first time I nagivate to my page. If I refresh the page it appears normally. I was wondering if anyone else has faced this issue or knows why this might be happening. Angular Material Version is 11.2.8.

Before clicking the form field

After clicking the form field

After reloading page, Before clicking the form field

After reloading page, After clicking the form field

Source: Angular Material Quesions

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.