Quando la direzione della pagina è impostata su 'rtl; crea una scroll orizzontale. Ho usato il plugin scelto. crea "left: -9999px;" indesiderato per la classe div "selected-drop". per favore aiutami a risolvere questo.direzione scelta rtl orizzontale scroll issue
.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;
}
Trova e Modificare questo con il file "chosen.css". Tuttavia "left: -9999px;" dovrebbe essere cambiato in "left: 9999px;"
grazie. questo ha funzionato per me. – Mahesh
Assicurarsi che quando la pagina è RTL, si configurano anche le selezioni scelte come RTL. Come accennato in https://harvesthq.github.io/chosen/ Prova
<select class="chosen-select chosen-rtl">
Se tutte le seleziona sono RTL puoi possono aggiungere chosen-rtl a tutti loro prima di chiamare chosen fare come:
$('select:visible').addClass("chosen-rtl");
$('select:visible').chosen();
E 'molto meglio di tweaking del css componente;)
grazie. ma questo non risolve il mio problema. – Mahesh
Ho esattamente lo stesso problema e questo ha funzionato per me, è necessario configurare scelto per lavorare in modalità rtl. Ho rivisto il tuo codice, per favore aggiungi 'chosen-rtl' alla tua selezione e prova di nuovo –
Modificare left:-9000 a display:none in chosen.css e jquery.chosen.j s. Questo è un problema noto con Chosen. Funziona bene per me.
Si prega di condividere il codice. – Tushar
dov'è il codice ?? –
Ho aggiunto "direction: rtl;" nei tag body e html. poi crea scroll orizzontali – Mahesh