Chosen: चौड़ाई की समस्या

क्या आप चुना के नवीनतम संस्करण का उपयोग कर रहे हैं?

और आप किस ब्राउज़र का उपयोग कर रहे हैं? और चुना (jQuery या प्रोटोटाइप) का कौन सा संस्करण?

यह सब भूलने के लिए खेद है - थोड़ी जल्दी थी!
चुना गया संस्करण up2date (0.9.13) है, jQuery संस्करण, ब्राउज़र नवीनतम फ़ायरफ़ॉक्स @ उबंटू 10.04 है।
मैंने अभी इसका दोबारा परीक्षण किया है और यह 65.5% से 55.5px हो गया है, जिस तरह से मैं बूटस्ट्रैप का उपयोग कर रहा हूं।

उपयोगकर्ता द्वारा परिभाषित चौड़ाई प्राप्त करने के लिए शैली/सीएसएस पर भरोसा करने का कोई शानदार तरीका नहीं है (आधुनिक ब्राउज़र इसके बजाय वास्तविक चौड़ाई लौटाते हैं) जिसका अर्थ है कि चुना गया स्वचालित रूप से पिक्सेल मान के साथ समाप्त होता है। हम स्क्रीन आकार बदलने पर पुन: गणना करने के लिए मजबूर नहीं होना चाहते हैं, इसलिए हमने प्रतिशत चौड़ाई के लिए एक वैकल्पिक इंटरफ़ेस प्रदान किया है।

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

@pfiller अब मैं चौड़ाई निर्धारित करने के लिए चुने हुए इंटरफ़ेस का उपयोग कर रहा हूं। अब मेरा प्लेसहोल्डर टेक्स्ट जेनरेट की गई चौड़ाई से कट गया: 55px, क्या यह चुना हुआ मुद्दा है?

चुना इनपुट फ़ील्ड को अपने कंटेनर के भीतर जितना बड़ा कर सकता है उतना बड़ा कर देगा। कभी-कभी इसका मतलब है कि प्लेसहोल्डर टेक्स्ट कट जाता है। यदि आप चाहते हैं कि पाठ चुना में फिट हो, तो आपको चुना गया कम से कम इतना बड़ा बनाना होगा।

इसकी जांच करते समय मुझे एक छोटी सी समस्या नज़र आई। मूल रूप से, कुछ मामलों में क्षेत्र को कंटेनर से बड़ा होने दिया जा सकता है। देखें: #1167

बॉक्स लगभग 600px चौड़ा था और प्लेसहोल्डर टेक्स्ट लगभग 6-7 अक्षरों के बाद कट गया।

मुझे एक ही समस्या हो रही है।

मैंने चुने हुए की चौड़ाई संपत्ति को प्रतिशत (33%) पर सेट कर दिया है, और फिर ऐसा होता है।

इन सीएसएस शैलियों को ओवरराइड करके इस मुद्दे के आसपास काम किया:

... ली.सर्च-फील्ड{
चौड़ाई: 100%;
}

... li.search-field input.default{
चौड़ाई: ऑटो! महत्वपूर्ण;
}

इसी तरह का मुद्दा भी था:
निम्नलिखित शैलियों को ओवरराइड करना मेरे लिए काम करता है:

ली.खोज-क्षेत्र{
चौड़ाई: 100%;
}
li.search-choice + li.search-field{
चौड़ाई: 20%;
}

इसने मेरे लिए समस्या को ठीक कर दिया

ली.खोज-क्षेत्र{
चौड़ाई: १००%! महत्वपूर्ण;
}
ली.सर्च-फील्ड इनपुट.डिफॉल्ट{
चौड़ाई: १००%! महत्वपूर्ण;
}