Preact: Firefox validation triggers on input component render

Created on 4 Jan 2018 · 4Comments · Source: preactjs/preact

Hi, I noticed that on Firefox, any form inputs that are required are immediately validated. This results in the inputs having a red error outline on page load. I ran into this on Preact v8.1.0 and Firefox v58.0b10.

It looks like React recently fixed this: https://github.com/facebook/react/issues/8395. The issue seems well documented in the thread. I might be able to poke around this weekend to offer assistance, but I just wanted to bring this up.

Thanks!

bug

Source

sandgraham

Most helpful comment

I don't think this is still an issue. I tested the behavior out on the latest Firefox Developer Edition 71.0b12 (64-bit) and input does not validate until the form is submitted.

Here is a sandbox to verify: https://codesandbox.io/s/kind-firefly-6fbcx

sandgraham on 23 Nov 2019

❤1 👍1

All 4 comments

Sorry for the late reply - this is interesting! I'd be happy to discuss if you want to jump on Slack.

developit on 23 Feb 2018

Does this bug still exist. If so I would be willing to help.

Rafi993 on 23 Nov 2019

I don't think this is still an issue. I tested the behavior out on the latest Firefox Developer Edition 71.0b12 (64-bit) and input does not validate until the form is submitted.

Here is a sandbox to verify: https://codesandbox.io/s/kind-firefly-6fbcx

sandgraham on 23 Nov 2019

❤1 👍1

Great to hear that and thank you for digging up this issue @Rafi993 will close this now