JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css">
<ul data-role="listview" data-inset="true">
    <li data-role="fieldcontain">
        <label for="multiselect" class="select">My Multi Select:</label>
        <select name="multiselect" id="multiselect" multiple="multiple" data-native-menu="false">
            <option value="">All</option>
            <option value="1">Option 2</option>
            <option value="1">Option 3</option>
            <option value="1">Option 4</option>
            <option value="1">Option 5</option>
            <option value="1">Option 6</option>
            <option value="1">Option 2</option>
            <option value="1">Option 3</option>
            <option value="1">Option 4</option>
            <option value="1">Option 5</option>
            <option value="1">Option 6</option>
            <option value="1">Option 2</option>
            <option value="1">Option 3</option>
            <option value="1">Option 4</option>
            <option value="1">Option 5</option>
            <option value="1">Option 6</option>
            <option value="1">Option 2</option>
            <option value="1">Option 3</option>
            <option value="1">Option 4</option>
            <option value="1">Option 5</option>
            <option value="1">Option 6</option>
        </select>
    </li>
</ul>