JSFiddle - React, Tailwind, and code Playground

HTML

<div id='parent'>
    <div id='search-wrapper'>test</div>
</div>

CSS

#search-wrapper{
    width:50px;
    height:20px;
    background-color:yellow;
}

JavaScript

var searchOrig = document.getElementById("search-wrapper"); 

var searchWrapper = document.createElement("div");
searchWrapper.id = "search-wrapper";
searchWrapper.setAttribute('tabindex', '0'); 

searchOrig.parentElement.replaceChild(searchWrapper, searchOrig);
document.getElementById("search-wrapper").focus();