JSFiddle - React, Tailwind, and code Playground

by Greg Bowler

HTML

<p>
    A page with stuff on it.
</p>

<label id="clickMe" for="sl_test">Select elements</label>

<select id="selectTest" size="5" multiple>
    <option value="One">One</option>
    <option value="Two">Two</option>
    <option value="Three">Three</option>
    <option value="Four">Four</option>
    <option value="Five">Five</option>
    <option value="Six">Six</option>
    <option value="Seven">Seven</option>
</select>

<p>Some more stuff</p>

CSS

select {
    /*position: absolute;*/
    left: -10000px;
    display: block;
    outline: 2px solid red;
    margin: 16px;
}

label {
    background: #ddd;
    border: 1px solid red;
    padding: 8px;
}

JavaScript

clickMe.onclick = function(e) {
    selectTest.focus();
}