JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="http://bootboxjs.com/bootbox.js"></script>
<button type="button" id="btn">Open Modal</button>
<hr>
<b>Name:</b><br>
<input type="text" name="name" id="name"> This input must be focused after close the modal

CSS

.modal-open { overflow:hidden }
.modal { display:none; overflow:hidden; position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; -webkit-overflow-scrolling:touch; outline:0 }
.modal.fade .modal-dialog { -webkit-transform:translate(0, -25%); -ms-transform:translate(0, -25%); -o-transform:translate(0, -25%); transform:translate(0, -25%); -webkit-transition:-webkit-transform 0.3s ease-out; -moz-transition:-moz-transform 0.3s ease-out; -o-transition:-o-transform 0.3s ease-out; transition:transform 0.3s ease-out }
.modal.in .modal-dialog { -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0) }
.modal-open .modal { overflow-x:hidden; overflow-y:auto }
.modal-dialog { position:relative; width:auto; margin:10px }
.modal-content { position:relative; background-color:#fff; border:1px solid #999; border:1px solid rgba(0, 0, 0, 0.2); border-radius:6px; -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, 0.5); box-shadow:0 3px 9px rgba(0, 0, 0, 0.5); background-clip:padding-box; outline:0 }
.modal-backdrop { position:fixed; top:0; right:0; bottom:0; left:0; background-color:#000 }
.modal-backdrop.fade { opacity:0; filter:alpha(opacity=0) }
.modal-backdrop.in { opacity:0.5; filter:alpha(opacity=50) }
.modal-header { padding:15px; border-bottom:1px solid #e5e5e5; min-height:16.42857143px }
.modal-header .close { margin-top:-2px }
.modal-title { margin:0; line-height:1.42857143 }
.modal-body { position:relative; padding:15px }
.modal-footer { padding:15px; text-align:right; border-top:1px solid #e5e5e5 }
.modal-footer .btn + .btn { margin-left:5px; margin-bottom:0 }
.modal-footer .btn-group .btn + .btn { margin-left:-1px }
.modal-footer .btn-block + .btn-block { margin-left:0 }
.modal-scrollbar-measure { position:absolute; top:-9999px; width:50px; height:50px; overflow:scroll }

JavaScript

jQuery(function($) {
    $('#btn').click(function() {
        bootbox.dialog({
            title : 'Error',
            message : 'After click on \'OK\' button, the input must be focused!',
			buttons : {
						'OK' : {
                            callback  : function() { setTimeout(function() {jQuery('#name').focus();}, 1); }
						}
			}
		});
    });
});