JSFiddle - React, Tailwind, and code Playground

by drosen

HTML

<script src="https://raw.github.com/SteveSanderson/knockout/master/build/output/knockout-latest.debug.js"></script>
<input type="text" data-bind="hasfocus: focus" />
<p data-bind="visible: focus">
    <div>
        P DIV -- the input has focus
    </div>
</p>
<div data-bind="visible: focus">
    DIV -- the input has focus
</div>
<p data-bind="visible: focus">
    P -- the input has focus
</p>

CSS

input { border: 1px solid black; }

JavaScript

var vm = {
    focus: ko.observable()
};

ko.applyBindings(vm);