JSFiddle - React, Tailwind, and code Playground

HTML

Click to give input focus. Focus will get lost once input element is re-parented. 
<input id="myinput" type="text"/>

CSS

.wrapped{border:1px solid red;}

JavaScript

$(document).ready(function(){
    var $input = $("#myinput");
   
    $input.bind("focus", function(){
        
        setTimeout(function(){  
            var wrap = $("<div class='wrapped'></div>");
            $input.wrap(wrap);
            $input.focus();
        
        }, 1000);
        $input.unbind("focus");
    });        
});