Wenn die Seitenrichtung auf 'rtl; es erstellt horizontale scroll. Ich habe das gewählte Plugin verwendet. es schafft unerwünschte "links: -9999px;" für die "ausgewählte-Drop" -Div-Klasse. Bitte hilf mir, das zu lösen.gewählte Richtung rtl horizontale Bildlaufausgabe
.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;
}
dieses Suchen und ändern mit Ihrem "chosen.css" -Datei. Allerdings "links: -9999px;" sollte in "links: 9999px;" geändert werden
danke. Das hat für mich funktioniert. – Mahesh
Stellen Sie sicher, dass wenn Ihre Seite RTL ist, konfigurieren Sie auch Ihre ausgewählten wählt sein RTL. Wie in https://harvesthq.github.io/chosen/ erwähnt
<select class="chosen-select chosen-rtl">
Versuchen Wenn alle Ihre wählt werden rtl können Sie chosen-rtl, um sie alle vor chosen Aufruf tun wie hinzufügen:
$('select:visible').addClass("chosen-rtl");
$('select:visible').chosen();
Es ist viel besser als zwicken die Komponente css;)
danke. aber das löst mein Problem nicht. – Mahesh
Ich habe genau das gleiche Problem und das hat für mich funktioniert, müssen Sie konfigurieren gewählt, um im RTL-Modus zu arbeiten. Ich habe Ihren Code überprüft. Fügen Sie 'selected-rtl' zu Ihrer Auswahl hinzu und testen Sie sie erneut –
Ändern Sie die left:-9000 zu display:none in chosen.css und jquery.chosen.j s. Dies ist ein bekanntes Problem bei Chosen. Es funktioniert gut für mich.
Bitte Code teilen. – Tushar
wo ist Code? –
Ich habe "direction: rtl;" hinzugefügt in Body- und HTML-Tags. dann erstellt es horizontale scroll – Mahesh