JSFiddle - React, Tailwind, and code Playground
HTML
<div class="toolsIndexSelectContainer">
<select id="Clients" class="toolsIndexSelect disableElement">
<option>Item</option>
<option>Item 2</option>
<option>Item 3</option>
</select>
</div>
CSS
.toolsIndexSelectContainer {
background-color:pink;
width:170px;
}
.iamfocused{background-color:red}
JavaScript
$(".toolsIndexSelectContainer").click(function () {
$(this).find("#Clients").focus();
});
$("#Clients").focus(function(){
this.size=$(this).find('option').length;
}).blur(function(){
this.size=1;
});