JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<body>

<h1>Firefox crazy TABing</h1>

<p>Tab through inputs. Do you know why pink line is targeted by TAB? :D</p>

<Input id="first" type="text" value="first input">
<Input type="text" value="second input">
<br><br>
<div style="overflow: auto; height: 9px">
  <div style="padding-top: 10px; background-color: pink"></div>
</div>
<br>
<Input type="text" value="third input">
<Input type="text" value="fourth input">
<br><br>
<input type="submit" value="Submit">

</body>
</html>

JavaScript

setTimeout(function() {
  document.getElementById("first").focus();
},500);