Chosen: प्रारंभिक रूप से छिपे हुए एकाधिक चयन के लिए प्लेसहोल्डर 90px . पर काट दिया गया है

समस्या यहाँ प्रतीत होती है:

https://github.com/harvesthq/chosen/blob/master/coffee/chosen.jquery.coffee#L506

छिपे हुए फ़ील्ड के लिए, .outerWidth() एक फर्जी मान लौटाता है (इस मामले में, 100 , जो 100% चौड़ाई शैली से आ रहा है जो $# width द्वारा निर्धारित है

मुझे यकीन नहीं है कि यहां एक अच्छा फिक्स क्या होगा, हालांकि। सबसे अच्छा विकल्प मैं तुरंत सोच सकता हूं कि खोज इनपुट की चौड़ाई को 100% पर सेट करना है यदि यह कंटेनर के अंदर एकमात्र चीज है, या यदि default वर्ग सेट है।

मैं यहाँ एक ही मुद्दे का सामना कर रहा हूँ। यह समस्या मेरे मैक ओएस एक्स 10.10.3 पर स्थापित सभी 3 ब्राउज़रों में मौजूद है:

क्रोम 43.0.2357.65
सफारी 8.0.6
FirefoxDeveloperसंस्करण 40.0a2

धन्यवाद!

#2029 . पर भी यही मुद्दा

जब तक इसे ठीक नहीं किया जा सकता तब तक हमने इस समस्या को हल करने के लिए CSS ओवरराइड का उपयोग किया है।

शायद search_field_scale फ़ंक्शन को इसमें बदलें:
Chosen.prototype.search_field_scale = function () { var div, f_width, h, style, style_block, styles, w, _i, _len; if (this.is_multiple) { h = 0; w = 0; style_block = "position:absolute; left: -1000px; top: -1000px; display:none;"; styles = ['font-size', 'font-style', 'font-weight', 'font-family', 'line-height', 'text-transform', 'letter-spacing']; for (_i = 0, _len = styles.length; _i < _len; _i++) { style = styles[_i]; style_block += style + ":" + this.search_field.css(style) + ";"; } div = $('<div />', { 'style': style_block }); console.log(this.choices_count()); div.text(this.search_field.val() ? this.search_field.val() : this.choices_count() < 1 ? this.default_text : ''); console.log(div.text()); $('body').append(div); w = div.width() + 25; div.remove(); //f_width = this.container.outerWidth(); //if (w < f_width - 10) { // w = f_width - 10; //} return this.search_field.css({ 'width': w + 'px' }); } };

मैंने $('.chosen-select').trigger("chosed:updated"); किया। जब इसे वर्कअराउंड के रूप में दिखाया जाता है

+1

+1