Tab index in distributed nodes

by Tomek

HTML

<!doctype html>
<form>
    <arranged-form>
        <input value="arranged-second (A)" class="arranged-second"><br>
        <input value="arranged-first (B)" class="arranged-first"><br>
     </arranged-form>
</form>

JavaScript

document.querySelector('arranged-form').createShadowRoot()
.innerHTML='<ol><li><input value="first in SD (1)"></li><li><content select=".arranged-first"></content></li><li id="second"><content select=".arranged-second"></content></li><li><input value="last in SD (4)"></li></ol>';