css - Bootstrap option text truncating long text on osx chrome -


i'm using bootstrap 3 , when system tries display long text in select box, option text gets truncated (but element displayed right width). happens in google chrome os x.

the code (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>

screenshot on linux:

enter image description here

screenshot on osx:

enter image description here


Comments

Popular posts from this blog

java - nested exception is org.hibernate.exception.SQLGrammarException: could not extract ResultSet Hibernate+SpringMVC -

sql - Postgresql tables exists, but getting "relation does not exist" when querying -

asp.net mvc - breakpoint on javascript in CSHTML? -