JSFiddle - React, Tailwind, and code Playground

HTML

Chrome 43: focusout fired<br />
Safari 8: focusout fired<br />
Firefox 38: focusout NOT fired.<br />
Expected: event NOT fired.<br />

<div id="wrapper"><input type="text" id="input" /></div>

CSS

body {
    padding: 10px;
    font-family: Helvetica, Arial;
    font-size: 14px;
    line-height: 20px;
}

#wrapper {
    padding: 10px 0;
}

JavaScript

$('#wrapper').on('keyup', 'input', function() {
    // Both lines here need to exist for bug to show up
    $('#wrapper').html('');
    $('#wrapper').append('<input type="text" id="input" />');
});

$('#wrapper').on('blur', 'input', function(e) {
    // This shouldn't be hit after typing letter in box
    $('body').append('<div>Delegation: ' + e.type + '</div>');
});