JSFiddle - React, Tailwind, and code Playground

by Deepak Anand

HTML

<!-- 
http://www.sitepoint.com/when-do-elements-take-the-focus/
https://developer.mozilla.org/en-US/docs/Web/Accessibility/Keyboard-navigable_JavaScript_widgets
-->
<span> tab index  not present</span>
<span tabindex ='0'> tab index  0</span>
<span class='focusTest'  tabindex ='-1'>tab index  -1</span>
<span tabindex ='0'>tab index  0</span>
<button tabindex= 0 > button tab index 0  does not take focus when tabbed into</button>

CSS

span{
   border: 1px dashed cyan; 
    
}