Select wrap bug
Created by: dotdub
Building an internal database interface and came across a word-wrap bug for certain select options that are large. Only appears to be an issue with Safari/Chrome. Using v4.0-beta.
This is the code the wsgi/Jinja app puts out, the profiler is a little too long and Safari wraps the 'r'
<select name="type" class="form-control">
<option value="1">Aquadopp Meter</option>
<option value="2" selected="">Aquadopp Profiler</option>
<option value="3">RDI Long Ranger</option>
<option value="4">RDI Sentinel</option>
</select>
I am able to fix it live by adding word-wrap: normal;
to the .form-control
class.