चुनी गई दिशा आरटीएल क्षैतिज स्क्रॉल समस्या

Question

जब पृष्ठ दिशा 'rtl पर सेट की जाती है; यह क्षैतिज स्क्रॉल बनाता है। मैंने चुने हुए प्लगइन का उपयोग किया है। यह अवांछित बनाता है "बाएं: -99 99 पीएक्स;" "चयनित ड्रॉप" div कक्षा के लिए। कृपया इसे हल करने में मेरी मदद करें।

Answer 1

.chosen-container .chosen-drop { 
    position: absolute; 
    top: 100%; 
    left: 9999px; 
    z-index: 1010; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    width: 100%; 
    border-top: 0; 
    background: #d1d0d0; 
} 

पता लगाएं और अपने "chosen.css" फाइल के साथ बदलें। हालांकि "बाएं: -99 99 पीएक्स;" "बाएं: 99 99 पीएक्स" में बदला जाना चाहिए

Answer 2

सुनिश्चित करें कि आपका पृष्ठ आरटीएल है, तो आप अपने चुने हुए चयन आरटीएल भी कॉन्फ़िगर करते हैं। अपने सभी चयन कर रहे हैं rtl आप chosen बुला कर की तरह से पहले उन सब को chosen-rtl जोड़ सकते हैं कर सकते हैं के रूप में https://harvesthq.github.io/chosen/ में उल्लेख किया

<select class="chosen-select chosen-rtl"> 

का प्रयास करें:

$('select:visible').addClass("chosen-rtl"); 
$('select:visible').chosen(); 

यह घटक सीएसएस में सुधार करने की तुलना में बेहतर है;)

Answer 3

chosen.css और jquery.chosen.j रों में display:none करने के लिए left:-9000 बदलें। यह चुना गया एक ज्ञात मुद्दा है। यह मेरे लिए अच्छा काम कर रहा है।

https://github.com/harvesthq/chosen/issues/447

https://github.com/woothemes/woocommerce/issues/3386