JSFiddle - React, Tailwind, and code Playground

HTML

<select id="multiSelect" multiple="multiple">
    <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[multiple]{
        width: 200px;
    }

JavaScript

$(function () {
        $("#multiSelect").css("height", parseInt($("#multiSelect option").length) * 20);
    });