Browser form validation broken


Topic: Browser form validation broken

ilya pro premium asked 4 years ago

Try out this example:

https://mdbootstrap.com/docs/standard/forms/overview/#subsection-contact

Enter some invalid email into the email field. When you click outside and you see it invalid the red line goes over the Field label


Grzegorz Bujański staff commented 4 years ago

I cannot reproduce this problem. In this example, validation is not working. It is not added. Does this line appear in this example or in your project? Can you prepare a snippet where this problem will be visible?


ilya pro premium answered 4 years ago

Hi Gregorz, I have posted a screenshot:

Error


Grzegorz Bujański staff answered 4 years ago

Which browser are you using? I am unable to recreate it.

enter image description here

Can you check if it looks the same in incognito mode?


ilya pro premium commented 4 years ago

Sorry, my bad. I am using the firefox (edited this ticket)


Grzegorz Bujański staff answered 4 years ago

It looks like a built-in validator in firefox. We will fix it as soon as possible. As a workaround, you can add code like this in your styles:

:-moz-ui-invalid {
  box-shadow:none;
}

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: 3.2.0
  • Device: Firefox 85
  • Browser: any
  • OS: any
  • Provided sample code: No
  • Provided link: Yes
Tags