Chosen: Проблема ширины

Созданный на 25 апр. 2013  ·  9Комментарии  ·  Источник: harvesthq/chosen

Привет, когда я использую selected в поле выбора, например:

<select id="mySelect" style="width: 65.935%;" multiple>

Chosen сгенерировал <ul class="chzn-choices"> с шириной 65,935 пикселей вместо процента. Пока что взломал вот с этой инициализацией

$('#inputNewRecipient').chosen().next().css('width', '65.9574%');

С уважением

Самый полезный комментарий

Это устранило проблему для меня

li.search-field {
ширина: 100%! важно;
}
li.search-field input.default {
ширина: 100%! важно;
}

Все 9 Комментарий

Вы используете последнюю версию Chosen?

А какой браузер вы используете? А какая версия Chosen (jQuery или Prototype)?

Извините, что все это забыл - немного поторопился!
Выбранная версия - up2date (0.9.13), версия jQuery, браузер - новейший Firefox @ Ubuntu 10.04.
Я только что повторно протестировал его, и он превратился с 65,5% в 55,5 пикселей, кстати, я использую Bootstrap.

Нет отличного способа полагаться на style / css для получения определяемой пользователем ширины (современные браузеры вместо этого возвращают фактическую ширину), что означает, что Chosen автоматически заканчивается значением пикселя. Мы не хотим, чтобы нас заставляли делать повторный расчет при изменении размера экрана, поэтому мы предоставили дополнительный интерфейс для процентной ширины.

$('#inputNewRecipient').chosen({ width: '65.9574%' });

@pfiller Теперь я использую выбранный интерфейс для установки ширины. Теперь мой текст-заполнитель обрезается сгенерированной шириной: 55 пикселей, это проблема с selected?

bug

Chosen сделает поле ввода настолько большим, насколько это возможно в своем контейнере. Иногда это означает, что текст-заполнитель обрезается. Если вы хотите, чтобы текст поместился в Chosen, вам нужно сделать Chosen как минимум таким большим.

Я заметил небольшую проблему, исследуя это. По сути, в некоторых случаях поле может вырасти больше, чем контейнер. См: # 1167

Поле было около 600 пикселей в ширину, а текст-заполнитель обрывался примерно через 6-7 букв.

У меня такая же проблема.

2013-12-10--1386684424_559x48_scrot

Я установил для свойства width of selected процентное значение (33%), и тогда это произойдет.

Обошел проблему, переопределив эти стили css:

... li.search-field {
ширина: 100%;
}

... li.search-field input.default {
ширина: авто! важно;
}

Также была аналогичная проблема:
У меня сработало переопределение следующих стилей:

li.search-field {
ширина: 100%;
}
li.search-choice + li.search-field {
ширина: 20%;
}

Это устранило проблему для меня

li.search-field {
ширина: 100%! важно;
}
li.search-field input.default {
ширина: 100%! важно;
}

Была ли эта страница полезной?
0 / 5 - 0 рейтинги