Chosen: Выбран неправильный стиль в диалоге начальной загрузки 3.x.

Созданный на 31 мая 2017 · 6Комментарии · Источник: harvesthq/chosen

Кратко опишите вашу проблему здесь.
Выбран неправильный стиль в диалоге начальной загрузки 3.x.

Действия по воспроизведению

загрузить css начальной загрузки
загрузить загрузить диалоговое окно.
открыть диалог

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

Ожидаемое поведение

чтобы показать красиво оформленный раскрывающийся список с возможностью поиска

Фактическое поведение

Ну вот

Среда

Выбранная версия :
selected_v1.6.2 /
jQuery или версия прототипа :
/jquery/1.11.2/jquery.min.js '
Браузер и версия :
Mozilla / 5.0 (Windows NT 10.0; WOW64; rv: 53.0) Gecko / 20100101 Firefox / 53.0
ОС и версия :
окна 10

Дополнительная информация

н / д

Источник

lordspace

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

Хорошо, просто чтобы добавить обновление по этому поводу.
Когда я передаю ширину в методе инициализации, все работает без описанного выше взлома.

$("select").chosen({
                search_contains : true, // kwd can be anywhere
                max_selected_options: 1,
                max_shown_results : 5, // show only 5 suggestions at a time
                width: "95%",
                no_results_text: "Oops, nothing found!"
            } );

lordspace 17 июн. 2017

👍3 ❤1

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

Выбрана не последняя версия 1.6.2. У вас все еще есть проблема с последней выпущенной версией ?

tjschuck 31 мая 2017

Я позабочусь об этом и дам вам знать.

lordspace 3 июн. 2017

Да, проблема сохраняется даже в последней версии 1.7.

Я проверил несколько тем о stackoverflow и нашел это исправление.

$('.modal').filter('[class*=_dialog]').on('show.bs.modal', function () {
                // This makes the dialog expand when shown in a bootstrap dlg
                $(this).find('.chosen-container').css({width: "100%"});
            });

Приложение настраивается для клиента и не может предоставить ссылку на него.

lordspace 5 июн. 2017

$("select").chosen({
                search_contains : true, // kwd can be anywhere
                max_selected_options: 1,
                max_shown_results : 5, // show only 5 suggestions at a time
                width: "95%",
                no_results_text: "Oops, nothing found!"
            } );

lordspace 17 июн. 2017

👍3 ❤1

Спасибо за взлом @lordspace. Мне потребовалось некоторое время, чтобы найти ваше исправление.

Я не уверен, почему эта проблема была закрыта в репозитории, выбранном для начальной загрузки (https://github.com/alxlit/bootstrap-chosen/issues/54).

pihug12 21 авг. 2017

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

lordspace 21 авг. 2017

Была ли эта страница полезной?

0 / 5 - 0 рейтинги