JSFiddle - React, Tailwind, and code Playground

HTML

<select name="" id="myselect">
    <option value="">item001</option>
    <option value="">item002</option>
    <option value="">item003</option>
    <option value="">item004</option>
    <option value="">item005</option>
    <option value="">item006</option>
    <option value="">item007</option>
    <option value="">item008</option>
    <option value="">item009</option>
    <option value="">item010</option>
    <option value="">item011</option>
    <option value="">item012</option>
    <option value="">item013</option>
    <option value="">item014</option>
    <option value="">item015</option>
    <option value="">item016</option>
    <option value="">item017</option>
    <option value="">item018</option>
    <option value="">item019</option>
    <option value="">item020</option>
    <option value="">item021</option>
    <option value="">item022</option>
    <option value="">item023</option>
    <option value="">item024</option>
    <option value="">item025</option>
    <option value="">item026</option>
    <option value="">item027</option>
    <option value="">item028</option>
    <option value="">item029</option>
    <option value="">item030</option>
    <option value="">item031</option>
    <option value="">item032</option>
    <option value="">item033</option>
    <option value="">item034</option>
    <option value="">item035</option>
    <option value="">item036</option>
    <option value="">item037</option>
    <option value="">item038</option>
    <option value="">item039</option>
    <option value="">item040</option>
    <option value="">item041</option>
    <option value="">item042</option>
    <option value="">item043</option>
    <option value="">item044</option>
    <option value="">item045</option>
    <option value="">item046</option>
    <option value="">item047</option>
    <option value="">item048</option>
    <option value="">item049</option>
    <option value="">item050</option>
</select>

JavaScript

var myselect = document.getElementById('myselect'),
    selIndx = 0;
myselect.addEventListener('focus', function() {
    selIndx = this.selectedIndex;
    this.options[this.options.length - 1].selected = true;
}, false);
myselect.addEventListener('blur', function() {
    this.selectedIndex = selIndx;
}, false);
myselect.addEventListener('change', function() {
    selIndx = this.selectedIndex;
    this.blur();
}, false);