В чем может быть причина того, что элемент select2 сжимает ширину?

Question

Что может быть причиной этого? Один элемент select2 отображается нормально, а другой нет? Я попытался изменить структуру html, но нет никаких других стилей, которые могли бы его переопределить. Кажется, что плагин дает неработающий выбор «как на картинке» динамической ширины c. Странно, но спасибо за любую помощь.

введите описание изображения здесь

Answer 1

Просто добавьте параметры ширины $("#company-filter").select2({ dropdownAutoWidth : true, width : '<value>'}); вместо $("#company-filter").select2(); и добавьте отступ справа для кнопки раскрывающегося списка, поэтому

.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 20px;
padding-right: 50px;
}