Hydration Error Using Input Type Email

Verify canary release

• I verified that the issue exists in the latest Next.js canary release

Provide environment information

Operating System: Platform: linux Arch: x64 Version: #202207312230~1663791054~22.04~28340d4 SMP PREEMPT_DYNAMIC Wed S Binaries: Node: 16.17.0 npm: 8.17.0 Yarn: N/A pnpm: N/A Relevant packages: next: 12.2.5 eslint-config-next: N/A react: 18.1.0 react-dom: 18.1.0

What browser are you using? (if relevant)

Firefox 105.0.3

How are you deploying your application? (if relevant)

No response

Describe the Bug

Hi, does anyone know why I get a hydration error when using the email input type? Unlike email, other formats do not return the error. This seems to occur only in Firefox.

found this same issue on stackoverflow: https://stackoverflow.com/questions/73571827/nextjs-input-hydration-error-when-using-type-email

Expected Behavior

It should display the input email without error.

Link to reproduction

https://github.com/ted-dino/authentication-app/blob/main/pages/register.tsx#L90

To Reproduce

i use npx create-next-app@latest --typescript then create an input type email and open in firefox

[balazsorban44]

Could you test it in Private Mode? I suspect that there might be an addon that modifies the HTML by injection.

[github-actions[bot]]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.