jQueryUI स्वत: पूर्ण कॉम्बोबॉक्स बहुत लंबा

Question

मेरा jQuery UI स्वत: पूर्ण कॉम्बोबॉक्स में दाईं ओर एक स्क्रॉलबार नहीं है और नीचे दिखाए गए अनुसार, बहुत ही असुविधाजनक हो जाता है। मैं इस सूची को उचित लंबाई तक रोकना चाहता हूं - यह कैसे पूरा किया जा सकता है इस पर कोई विचार? धन्यवाद!

Answer 1

आप सीएसएस के माध्यम से ऊंचाई सेट कर सकते हैं:

.ui-autocomplete { 
    max-height: 600px; 
    overflow-y: auto; /* prevent horizontal scrollbar */ 
    overflow-x: hidden; /* add padding to account for vertical scrollbar */ 
    z-index:1000 !important; 
} 

Answer 2

प्रारंभ सीएसएस में देख। सबसे अधिक संभावना है कि ड्रॉप डाउन सूची एक चयन या उल है। यदि ड्रॉप डाउन एक डीवीवी के भीतर संलग्न है, तो "ओवरफ्लो: ऑटो" जोड़ें, जो इसे स्क्रॉल बार देगा। या अधिकतम ऊंचाई div को सेट करें। एक और समाधान परिणाम पर एक सीमा डालेगा। बस उस प्रविष्टियों के साथ बॉक्स को पॉप्युलेट न करें।

Answer 3

यह एक पुराने सवाल है इसलिए जब j08691 द्वारा समाधान बड़े Primefaces के साथ ठीक काम किया, अब वर्ग के नाम बदल गया है करने के लिए "ui-पूर्ण-सूची ":

.ui-autocomplete-list { 
    max-height: 400px; 
    overflow-y: auto; /* prevent horizontal scrollbar */ 
    overflow-x: hidden; /* add padding to account for vertical scrollbar */ 
    z-index:1000 !important; 
} 

Answer 4

कुछ बिंदु पर यह फिर से बदल गया है, jQuery-यूआई 1.12.1 वर्ग के जैसी है 'ui-autocomplete.ui-सामने' इसलिए स्वीकार किए जाते हैं जवाब हो जाता है:

.ui-autocomplete.ui-front { 
    max-height: 600px; 
    overflow-y: auto; /* prevent horizontal scrollbar */ 
    overflow-x: hidden; /* add padding to account for vertical scrollbar */ 
    z-index:1000 !important; 
}