JSFiddle - React, Tailwind, and code Playground

by Eric Hynds

HTML

<script src="https://github.com/ehynds/jquery-ui-multiselect-widget/raw/master/src/jquery.multiselect.js"></script>
<link rel="stylesheet" href="https://github.com/ehynds/jquery-ui-multiselect-widget/raw/master/jquery.multiselect.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/base/jquery-ui.css">
<select>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
</select>

CSS

.ui-multiselect-single input { position:absolute !important; left:-99999px; top: auto !important }

JavaScript

$('select').multiselect({ multiple:false });