Hydration children mismatch with simple `input` of type `email`

Environment

---

• Operating System: Darwin
• Node Version: v16.14.2
• Nuxt Version: 3.0.0-rc.8
• Package Manager: yarn@1.22.18
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

Reproduction

https://stackblitz.com/edit/github-fpnxxl?file=app.vue,pages%2Findex.vue

Describe the bug

An hydratation warn appears when using an input of type text or email inside index.vue file.

Additional context

It does not occur if moving code in app.vue without pages folder.

It does not occur with type date.

Logs

vue.js?v=cd7cae4a:1268 [Vue warn]: Hydration children mismatch in <form>: server rendered element contains more child nodes than client vdom. 
  at <Index onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <Anonymous key="/" routeProps= {Component: {…}, route: {…}} pageKey="/" > 
  at <BaseTransition mode="out-in" appear=false persisted=false  ... > 
  at <Transition name="page" mode="out-in" > 
  at <RouterView name=undefined route=undefined > 
  at <NuxtPage> 
  at <App key=1 > 
  at <NuxtRoot>

[pi0]

Could it be possible because of a chrome extension trying to modify the DOM at same time of hydration? (Can you reproduce in incognito with all exts disabled?)

[larbish]

Indeed ! I found the guilty, it was caused by a Chrome extension (NordPass).