Ich habe ein select2 Eingabefeld für Multiselect-Option, in dem Benutzer so viele Optionen wie er will, wenn die ausgewählten Optionen mehr Platz als die verfügbare Breite belegen dann haben Ich wollte die Höhe der Auswahlbox automatisch erhöhen (Scroll-Option nicht, alle Optionen sollten im sichtbaren Bereich sein) und die restlichen Optionen in der nächsten Zeile abrufen. Derzeit kommen Optionen in der nächsten Zeile, aber die Höhe des Auswahlfelds wird nicht erhöht.Wie automatisch die Höhe von select2 Eingabefeld (mehrere)
Wenn ich die Höhe Eigenschaft in den .select2-Behälter entfernen - Standard .select2-Auswahl - mehrere Klasse, es funktioniert. Aber ich möchte, dass diese Eigenschaft height die Anfangshöhe der Auswahlbox steuert.
Unten ist die erste Auswahl Box Höhe ohne Höhe Eigenschaft in der .select2-Container - Standard .select2-Auswahl - mehrere und die automatische Höhe funktioniert hier perfekt.
.select2-container--default .select2-selection--multiple {
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
border-radius: 2px;
cursor: text;
height: 22px;
}
JSFiddle: https://jsfiddle.net/rd62bhbm/
Sie müssen einen minimalen Code hinzufügen, damit wir Ihnen eine angemessene Antwort geben können. Ein http://jsfiddle.net/ wird noch besser sein. – Roy
Bearbeitete meine Frage mit jsfiddle link – user1614862
Bitte überprüfen Sie meine Antwort, wenn es Ihnen hilft, wenn nicht, werden wir eine andere Lösung finden. Vielen Dank. –