Chosen: Dipilih tidak ditata dengan benar dalam dialog bootstrap 3.x.

Dibuat pada 31 Mei 2017 · 6Komentar · Sumber: harvesthq/chosen

Ringkas masalah Anda di sini.
Dipilih tidak ditata dengan benar dalam dialog bootstrap 3.x.

Langkah-langkah untuk mereproduksi

memuat css bootstrap
memuat memuat dialog.
buka dialognya

Selain itu, harap tautkan ke demo yang berfungsi yang menunjukkan masalah tersebut sehingga kami dapat mencoba mereproduksi. Anda dapat menggunakan template ini sebagai dasar. Atau, konfirmasikan bahwa halaman demo Terpilih menunjukkan masalah tersebut.

Perilaku yang diharapkan

untuk menampilkan tarik-turun yang ditata dengan baik & dapat dicari

Perilaku sebenarnya

ini dia

Lingkungan

Versi yang dipilih :
dipilih_v1.6.2/
jQuery atau Versi Prototipe :
/jquery/1.11.2/jquery.min.js'
Peramban dan Versi :
Mozilla/5.0 (Windows NT 10.0; WOW64; rv:53.0) Gecko/20100101 Firefox/53.0
OS dan Versi :
Windows 10

Informasi tambahan

tidak ada

Sumber

lordspace

Komentar yang paling membantu

Ok, hanya untuk menambahkan pembaruan tentang ini.
Ketika saya melewati lebar pada metode inisialisasi semua berfungsi tanpa peretasan di atas.

$("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 pada 17 Jun 2017

👍3 ❤1

Semua 6 komentar

1.6.2 yang dipilih bukan versi terbaru — apakah Anda masih memiliki masalah dengan versi rilis terbaru ?

tjschuck pada 31 Mei 2017

Saya akan memastikan saya memilikinya dan memberi tahu Anda.

lordspace pada 3 Jun 2017

Ya, masalahnya masih ada bahkan di versi 1.7 terbaru.

Saya memeriksa beberapa topik stackoverflow dan menemukan perbaikan ini.

$('.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%"});
            });

Aplikasi ini khusus dan untuk klien dan tidak dapat memberikan tautan ke sana.

lordspace pada 5 Jun 2017

Ok, hanya untuk menambahkan pembaruan tentang ini.
Ketika saya melewati lebar pada metode inisialisasi semua berfungsi tanpa peretasan di atas.

$("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 pada 17 Jun 2017

👍3 ❤1

Terima kasih atas peretasan @lordspace. Butuh beberapa waktu untuk menemukan perbaikan Anda.

Saya tidak yakin mengapa masalah ini ditutup di repo "bootstrap-chosen" (https://github.com/alxlit/bootstrap-chosen/issues/54).

pihug12 pada 21 Agu 2017

Jangan khawatir. Mungkin saya menutupnya dengan asumsi bahwa itu bukan bug jika dapat diperbaiki melalui opsi, tetapi ketika saya memikirkannya sekarang, itu akan berfungsi di luar kotak.

lordspace pada 21 Agu 2017

Apakah halaman ini membantu?

0 / 5 - 0 peringkat