JSFiddle - React, Tailwind, and code Playground

by Mostafa Zeinivand

HTML

<div class="comboboxOuterDiv">
    <div class="comboboxSelectDiv">
        <select class="comboboxSelect">
            <option value="a_value">A Value</option>
            <option value="a_value">B Value</option>
        </select>
    </div>
    <div class="comboboxTextDiv">
        <input class="comboboxText" type="text"/>
    </div>
</div>

CSS

.comboboxOuterDiv {
        padding:0px; 
        margin:0px; 
        border:0px; 
        height:30px; 
        width:200px; 
        position:relative;
    }
    .comboboxSelectDiv {
         height:100%; 
         width:100%; 
         position:absolute; 
         top:0px; 
         left:0px; 
         z-index:0;
    }
    .comboboxSelect {
        height:100%; 
        width:100%; 
        position:absolute; 
        top:0px; 
        left:0px;
    }
    .comboboxTextDiv {
        height:100%; 
        width:180px; 
        position:absolute; 
        top:0px; 
        left:0px; 
        z-index:1;
    }
    .comboboxText {
         height:80%; 
         width:100%; 
         position:absolute; 
         top:0px; 
         left:0px; 
    }