Topic: Browser form validation broken

ilya premium asked 1 year 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 1 year 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?


Grzegorz Bujański staff answered 1 year 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;
}

Grzegorz Bujański staff answered 1 year 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 premium commented 1 year ago

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


ilya premium answered 1 year ago


Hi Gregorz, I have posted a screenshot:

Error



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: Premium
  • 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