Select2, при выборе option с длинным вариантом текста, раздвигает селект, как сокращать текст выбранный?

Question

[Антон Вебсайтовский]

4 версия select2 стоит.
При выборе option с длинным вариантом текста, в выборе текст точками не сокращает, как это реализовать, а то он мне раздвигает весь селект.

Вот так как-то делают, я пока не разобрался.

Видел тут: __websketches.ru/plugins/select2

Мой рабочий пример селекта2 тут:
https://codepen.io/AXOT/pen/QWZqwpW

Answer 1

[Виталий Першин]

Так вы сами сделали, уберите:

.select2{
width:100% !important;
}

upd. Чтобы select2 не растягивался внутри грид контейнера задайте блоку в котором находится select2 свойство min-width: 0;

Comments

[Антон Вебсайтовский]

если убрать, то селект не будет во всю длину блока в котором находиться.

[Виталий Першин]

Антон Вебсайтовский, Ну так вы конкретизируйте вопрос тогда, что нарочно изменили ширину средствами important, чтобы блок внутри грид контейнера тянулся на какую-то его часть. Уже хрустальные шары заканчиваются, чтобы понимать такие задачи.

Задайте блоку в котором находится select2 свойство min-width: 0;

[Антон Вебсайтовский]

Виталий Першин, из 100 случаев где надо было не тянуть селект во всю ширину контейнера, лишь 5 где надо было не тянуть, в остальных, я везде тянул его.

min-width: 0; - сработало, спасибо.