Ich habe ein Eingabefeld select2 für die Option multiselet, in dem der Benutzer so viele Optionen auswählen kann, wie er möchte. Wenn die ausgewählten Optionen mehr Platz als die verfügbare Breite einnehmen, wollte ich die Höhe des Auswahlfelds automatisch erhöhen (nicht Wenn Sie eine Bildlaufoption wünschen, sollten sich alle Optionen im sichtbaren Bereich befinden. Die restlichen Optionen werden in der nächsten Zeile angezeigt. Derzeit werden Optionen in der nächsten Zeile angezeigt, die Höhe des Auswahlfelds wird jedoch nicht erhöht.

Wenn ich die Eigenschaft height im @ entfer .select2-container - Standard .select2-selection - mehrere Klasse, es funktioniert. Ich möchte jedoch, dass diese height -Eigenschaft die Anfangshöhe des Auswahlfelds steuert.

Below ist die anfängliche Höhe des Auswahlkästchens ohne die Eigenschaft heigh im .select2-container - Standard .select2-selection - 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