JSFiddle - React, Tailwind, and code Playground

by rafalry

HTML

<div class="container">
    <div class="below">
        <input type="text" id="inputtext"/>
    </div>
    <div class="above"></div>
</div>
<input type="button" onclick="dofocus1();" value="do focus"/>

CSS

.container{
    position:relative;
    overflow:hidden;
}
.below{
    position:relative;
    left:0px;
    top:0px;
        background-color:#22f2f2;
}
.above{
    position:absolute;
    left:0px;
    top:0px;
        background-color:#f22;
    opacity:0.3;

    width:100%;
    height:100%;
}

JavaScript

window.dofocus1 = function(){
    //alert("a");
    $("#inputtext").focus();
}