JSFiddle - React, Tailwind, and code Playground

HTML

efrdggd<div>
<select>
    <option>f</option>
    <option>ff</option>
    <option>f</option>
    <option>f</option>
    <option>ff</option>
    <option>f</option>
    <option>ff</option>
    <option>ffff</option>
    <option>f</option>
    <option>ff</option>
</select>
</div>

fff

CSS

div {
    position: relative;
    height: 50px;
}
select {
    position: absolute;
    width: 200px;
}

JavaScript

$('select').hover(function(){
    this.size = this.options.length;
}, function(){
    this.size = 1;
})