مرحبًا ، عندما أستخدم الاختيار في حقل محدد مثل هذا:
<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 بكسل ، هل هذه مشكلة في المختار؟
سيؤدي الاختيار إلى جعل حقل الإدخال كبيرًا بقدر الإمكان داخل الحاوية الخاصة به. يعني ذلك أحيانًا قطع نص العنصر النائب. إذا كنت تريد احتواء النص في Chosen ، فأنت بحاجة إلى جعل Chosen بهذا الحجم على الأقل.
لقد لاحظت مشكلة صغيرة أثناء التحقيق في هذا. في الأساس ، يمكن السماح للحقل بالنمو أكبر من الحاوية في حالات معينة. انظر: # 1167
كان عرض الصندوق حوالي 600 بكسل وتم قطع نص العنصر النائب بعد حوالي 6-7 أحرف.
لدي نفس المشكلة.
لقد قمت بتعيين خاصية العرض المختارة إلى نسبة مئوية (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٪! مهم ؛
}