Я использую плагин hernansartorio/jquery-nice-select и пытаюсь сделать так, чтобы он обрезал длинные имена строки опций.
Выбор не работает должным образом, когда для переполнения установлено значение скрыто - при нажатии раскрывающийся список не появляется. (он появляется, но не отображается, и вы все равно можете выбрать вариант с помощью стрелок вверх / вниз) Я просто хочу красиво скрыть слишком длинные строки с многоточием. Есть какой-либо способ сделать это? Заранее спасибо.
Вот пример на codepen.
<select class="bug-overflow">
<option value="First one">Bug First lorem lorem lorem lorem lorem one</option>
<option value="Second One">Bug Second lorem lorem lorem lorem lorem one</option>
</select>
/* bug style */
.bug-overflow {
width: 150px;
display: block;
text-overflow: ellipsis;
overflow: hidden; /*bug here*/
white-space: nowrap;
}
$(document).ready(function() {
$('select').niceSelect();
});
Проверено на mac os 10.13.6 (хром, опера, сафари), windows 10 (хром, опера, фф), андроид (хром, самсунг интернет)