JSFiddle - React, Tailwind, and code Playground

by southerd

HTML

<script type="text/javascript" src="http://8643.ui.jquery.souther.co/ui/jquery-ui.js"></script>

<div id="log" />

<div id="outer">
    <a href="#" class="focusable">focusable</a>
    <div class="inline">
        <div class="fixed">
            <span class="visible">Visible <a href="#" class="focusable">focusable</a></span>
        </div>
    </div>
</div>

CSS

.inline {
    display: inline;
}

.inline > * {
    float: right;
}

.fixed: {
    min-height: 100px;
    width: 100px;
}

JavaScript

log = function(l){$("#log").append(l);};

log("" + $(":tabbable").length + "<br />");
log("" + $(":focusable").length + "<br />");