在osx chrome上截断长文本的Bootstrap选项文本

Question

我正在使用Bootstrap 3，当我的系统尝试在选择框中显示非常长的文本时，选项文本会被截断（但元素以正确的宽度显示）。这仅在Google Chrome for OS X中发生。

代码（http://jsfiddle.net/arthurvasconcelos/h21n6Lwx/）：

<div class="content">
  <div class="row">
    <div class="col-md-3">
      <form class="form-horizontal">
        <select class="form-control">
          <option value=""></option>
          <option value="0">65a073e6-066b-11e6-b512-3e1d05defe78_21e23745-838b-44bc-b639-eb02bd04f41f_really_big_name_for_a_option</option>
          <option value="1">82e027b3-a9f1-4274-8056-a3fe67a1f83d_option_test_long_name</option>
          <option value="2">shortter</option>
          <option value="3">short test</option>
          <option value="4">normal test</option>
        </select>
      </form>
    </div>
  </div>
</div>

Linux上的屏幕截图：

OSX上的屏幕截图：