pattern attribute not working in Chrome and Edge but works fine in Firefox

I have this input
<input id="email" type="email" name="email" placeholder="email@company.com" pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[a-zA-Z]{2,}">
I can write "email@t" in the input and still submit the form while using Chrome or Edge. But when i use firefox the pattern works just fine so the input is invalid if i just write "email@t"
Was this page helpful?