JSFiddle - React, Tailwind, and code Playground

by fatelei

HTML

<div id="no-tabindex">
  Can not be focused.
</div>
<div id="tabindex-less-zero" tabindex="-1">
  Can be focused only via javascript.
</div>
<div id="tabindex-equal-zero" tabindex="0">
  Cane be focued and be navigated by keyboard.
</div>
<div id="tabindex-less-zero" tabindex="1">
  Cane be focued and be navigated by keyboard.
</div>

CSS

div:focus {
  background-color: light-blue;
}

JavaScript

var tlz = document.getElementById('tabindex-less-zero')
tlz.onclick = () => {
	tls.focus()
}