Chosen: Masalah Lebar

Dibuat pada 25 Apr 2013  ·  9Komentar  ·  Sumber: harvesthq/chosen

Hai, ketika saya menggunakan yang dipilih pada bidang pilih seperti ini:

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

Terpilih menghasilkan <ul class="chzn-choices"> dengan lebar 65.935 piksel, bukan persen. Untuk saat ini saya telah meretasnya dengan inisialisasi ini di sini

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

Salam Hormat

Bug

Komentar yang paling membantu

Ini memperbaiki masalah untuk saya

li.search-field{
lebar: 100% !penting;
}
li.search-field input.default{
lebar: 100% !penting;
}

Semua 9 komentar

Apakah Anda menggunakan versi terbaru dari Terpilih?

Dan browser apa yang Anda gunakan? Dan versi Terpilih (jQuery atau Prototipe) yang mana?

Maaf karena melupakan semua ini - agak terburu-buru!
Versi yang dipilih adalah up2date (0.9.13), Versi jQuery, Browser terbaru adalah Firefox @ Ubuntu 10.04.
Saya baru saja menguji ulang dan ternyata 65,5% menjadi 55,5px, omong-omong saya menggunakan Bootstrap.

Tidak ada cara yang bagus untuk mengandalkan gaya/css untuk mendapatkan lebar yang ditentukan pengguna (browser modern mengembalikan lebar sebenarnya) yang berarti Terpilih secara otomatis berakhir dengan nilai piksel. Kami tidak ingin dipaksa untuk melakukan perhitungan ulang pada ukuran layar, jadi kami menyediakan antarmuka opsional untuk lebar persentase.

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

@pfiller Saya sekarang menggunakan antarmuka yang dipilih untuk mengatur lebar. Sekarang teks placeholder saya terpotong oleh lebar yang dihasilkan: 55px, apakah ini masalah dengan yang dipilih?

bug

Dipilih akan membuat bidang input sebesar mungkin di dalam wadahnya. Terkadang itu berarti teks placeholder terpotong. Jika Anda ingin teks agar sesuai dengan Terpilih, Anda harus membuat Terpilih setidaknya sebesar itu.

Saya memang melihat masalah kecil saat menyelidiki ini. Pada dasarnya, lapangan dapat dibiarkan tumbuh lebih besar dari wadah dalam kasus-kasus tertentu. Lihat: #1167

Kotak itu lebarnya sekitar 600px dan teks placeholder terpotong setelah sekitar 6-7 huruf.

Saya mengalami masalah yang sama.

2013-12-10--1386684424_559x48_scrot

Saya telah mengatur properti width dari selected menjadi persentase (33%), dan kemudian ini terjadi.

Mengatasi masalah dengan mengganti gaya css ini:

... li.search-field{
lebar: 100%;
}

... li.search-field input.default{
lebar: otomatis !penting;
}

Punya masalah serupa juga:
Mengganti gaya berikut berhasil untuk saya:

li.search-field{
lebar: 100%;
}
li.search-choice + li.search-field{
lebar: 20%;
}

Ini memperbaiki masalah untuk saya

li.search-field{
lebar: 100% !penting;
}
li.search-field input.default{
lebar: 100% !penting;
}

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

vpode picture vpode  ·  5Komentar

ali1360 picture ali1360  ·  5Komentar

scottdoc picture scottdoc  ·  7Komentar

gandarez picture gandarez  ·  5Komentar

mcclurem picture mcclurem  ·  4Komentar