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:
screenshot on osx:
Comments
Post a Comment