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
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?
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.
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;
}
Komentar yang paling membantu
Ini memperbaiki masalah untuk saya
li.search-field{
lebar: 100% !penting;
}
li.search-field input.default{
lebar: 100% !penting;
}