JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<select name="number" id="number">
    <option value="">1</option>
  <option value="">2</option>
  <option value="">3</option>
  <option value="">4</option>
  <option value="">5</option>
  <option value="">6</option>
  <option value="">7</option>
  <option value="">8</option>
  <option value="">9</option>
  <option value="">10</option>
  <option value="">11</option>
  <option value="">12</option>
  <option value="">13</option>
  <option value="">14</option>
  <option value="">15</option>
  <option value="">16</option>
  <option value="">17</option>
  <option value="">18</option>
  <option value="">19</option>
  <option value="">20</option>
  <option value="">21</option>
  <option value="">22</option>
  <option value="">23</option>
  <option value="">24</option>
  <option value="">25</option>
  <option value="">26</option>
  <option value="">27</option>
  <option value="">28</option>
  <option value="">29</option>
  <option value="">30</option>
  <option value="">31</option>
  <option value="">32</option>
  <option value="">33</option>
  <option value="">34</option>
  <option value="">35</option>
  <option value="">36</option>
  <option value="">37</option>
  <option value="">38</option>
  <option value="">39</option>
  <option value="">40</option>
  <option value="">41</option>
  <option value="">42</option>
  <option value="">43</option>
  <option value="">44</option>
  <option value="">45</option>
  <option value="">46</option>
  <option value="">47</option>
  <option value="">48</option>
  <option value="">49</option>
  <option value="">50</option>
</select>

CSS

html,
body{
    margin: 0;
    height: 100%;
    position: relative;
}
select {
  width: 200px;
}
.overflow {
  /*height: 200px;*/
}

JavaScript

$( "#number" ).selectmenu().selectmenu( "menuWidget" ).addClass( "overflow" );