JSFiddle - React, Tailwind, and code Playground

by rich_harris

HTML

<script src="http://cdn.ractivejs.org/latest/ractive.js"></script>
<script id="template" type="text/ractive">
    <input on-focus="focus" autofocus />
</script>
<div id="container"></div>

JavaScript

var Focusable = Ractive.extend({
    template: '#template',
    init: function () {
        this.on( 'focus', function () {
             if (first) {
                 first = false
                 alert('focus')
             }
        });
     }
});

var first = true;

window.focus();

setTimeout( function () {
    ractive = new Focusable({ el: '#container' });
}, 1000 );