Floating label doesn't show placeholder on firefox

If possible need to look into why firefox floating label doesn't work like chrome.
On firefox the "example@email.com" placeholder text is not showing when the cursor is in the email form, see screenshot comparison of firefox and chrome.

Start by reproducing the email-form behavior in Firefox and Chrome, focusing on the missing “example@email.com” placeholder when the cursor is active. Inspect the floating-label styling and compare the rendered states; done means the placeholder appears consistently in Firefox and Chrome.

Written by the indexing model from the issue text.