JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <textarea></textarea>
    <select name="select">
        <option value="value1">Value 1</option>
        <option value="value2" selected>Value 2</option>
        <option value="value3">Value 3</option>
    </select>
</div>

CSS

select {
    display: block;
    visibility: hidden;
    transition: visibility 50ms;
}
.wrapper:focus select,
textarea:focus + select,
select:focus {
    visibility: visible;
}