JSFiddle - React, Tailwind, and code Playground

HTML

<select id="autoheight" size="1" >
    <option value="1">Foo</option>
    <option value="2">Foo2</option>
    <option value="3">Foo3</option>
    <option value="4">Foo4</option>
    <option value="5">Foo5</option>
    <option value="6">Foo6</option>
    <option value="7">Foo7</option>
    <option value="8">Foo8</option>
    <option value="9">Foo9</option>
</select>

CSS

select {
    width: 200px;
}

JavaScript

$(function() {
    $("#autoheight").attr("size", parseInt($("#autoheight option").length));
});