Привет, когда я использую selected в поле выбора, например:
<select id="mySelect" style="width: 65.935%;" multiple>
Chosen сгенерировал <ul class="chzn-choices">
с шириной 65,935 пикселей вместо процента. Пока что взломал вот с этой инициализацией
$('#inputNewRecipient').chosen().next().css('width', '65.9574%');
С уважением
Вы используете последнюю версию 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?
Chosen сделает поле ввода настолько большим, насколько это возможно в своем контейнере. Иногда это означает, что текст-заполнитель обрезается. Если вы хотите, чтобы текст поместился в Chosen, вам нужно сделать Chosen как минимум таким большим.
Я заметил небольшую проблему, исследуя это. По сути, в некоторых случаях поле может вырасти больше, чем контейнер. См: # 1167
Поле было около 600 пикселей в ширину, а текст-заполнитель обрывался примерно через 6-7 букв.
У меня такая же проблема.
Я установил для свойства 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%! важно;
}
Самый полезный комментарий
Это устранило проблему для меня
li.search-field {
ширина: 100%! важно;
}
li.search-field input.default {
ширина: 100%! важно;
}