chrome bug reproduction

https://bugs.chromium.org/p/chromium/issues/detail?id=953689

by ismusidhu

HTML

<form class="reproduce" action="/abc">
	reproduce
  <input type="email" name="email" id="query">
  <input type="submit" value="submit" />
</form>

<br/>
<br/>
<form class="fixed" action="/xyz">
	fixed
  <input type="text" name="email" id="query1">
  <input type="submit" value="Submit" />
</form>

CSS

.reproduce input{
  font-size: 24px;
  font-family: 'Comic Sans MS', serif;
}


.fixed input {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, Arial, sans-serif;
}