JSFiddle - React, Tailwind, and code Playground

by Chris Rebert

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<p>.form-control:</p>
<div>
<select class="form-control" multiple>
  <option>aaaaaaaaaaaaaaaaaaaaaaa</option>
  <option>bbbbbbbbbbbbbbbbbbbbbbbbbbbb</option>
  <option>bbbbbbbbbbbbbbbbbbbbbbbbbbbb</option>
  <option>bbbbbbbbbbbbbbbbbbbbbbbbbbbb</option>
  <option>bbbbbb</option>
  <option>bbbbbbbbbbbbbbbbbbbbbbbbbbbb</option>
  <option>bbbbbbbbbbbbbbbbbbbbbbbbbbbb</option>
</select>
</div>

<p>Regular:</p>
<div>
<select multiple id="regular">
  <option>aaaaaaaaaaaaaaaaaaaaaaa</option>
  <option>bbbbbbbbbbbbbbbbbbbbbbbbbbbb</option>
  <option>bbbbbbbbbbbbbbbbbbbbbbbbbbbb</option>
  <option>bbbbbbbbbbbbbbbbbbbbbbbbbbbb</option>
  <option>bbbbbb</option>
  <option>bbbbbbbbbbbbbbbbbbbbbbbbbbbb</option>
  <option>bbbbbbbbbbbbbbbbbbbbbbbbbbbb</option>
</select>
</div>

CSS

div {
  width: 150px;
}
#regular {
  width: 100%;
  border-radius: 4px;
}