JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.2/chosen.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.2/chosen.jquery.min.js"></script>
<div class="wrapper">
  <div id="container1">
    <table>
    <thead>
       <tr>
          <th>Teste</th>
          <th>Teste2</th>
       </tr> 
       </thead>
      <tbody>
        <tr>
          <td>Info</td>
          <td>info</td>
          <td>Info</td>
          <td>info</td>
          <td>Info</td>
          <td>info</td>
        </tr>

        <tr>
          <td>Info</td>
          <td>info</td>
        </tr>

      </tbody>
      </table>
      <select name="" id="select1">
          <option value="option 1">Op 1</option>
          <option value="option 2">Op 2</option>
      </select>
  </div>
</div>

CSS

.wrapper {
  /* colocar tudo dentro de um wrapper*/
  position: relative; /* com posicionamento relativo */
}
#container1{
  position: static; /* Adicionar position static no container com overflow */
  border:1px solid black;
  height:100px;
  overflow-x:auto;
  overflow-y:visible;
}

table {
  width: 2000px; /* adicionar uma largura para mostrar o scroll no eixo x */
}

#select1_chosen {
  /* o chosen cria um #id-do-elemento_chosen */
  
}

JavaScript

$('#select1').chosen();