JSFiddle - React, Tailwind, and code Playground

by peteorpeter

HTML

<form>
    <select>
        <option>1</option>
        <option>2</option>
    </select>
    <input type="text" />
</form>

CSS

form select {
  display:none;  
}
form.input-focus select,
form.select-focus select {
  display:inline;   
}

JavaScript

$('input').focus(function(){
    $('form').addClass('input-focus');
}).blur(function(){
    $('form').removeClass('input-focus');
});
$('select').focus(function(){
    $('form').addClass('select-focus');
}).blur(function(){
    $('form').removeClass('select-focus');
});