CSS Ausrichtung Problem in dynamischen Chosen Plugin Aufklappmenü

Question

Example Fiddle

ich die Ausgewählt Plugin für die Multiselect-Dropdown-Listen verwendet haben.

Auf der ersten Seite ist bereits eine dropdown in html Ansicht hinzugefügt, die chosen ist.

Dann, wenn wir auf "add mitigator" klicken, werden neue Dropdowns hinzugefügt.

Jetzt ist die Funktion wie folgt aus:

• jede Drop-Down hat 1 bis 14 als Optionen

• Wenn ich wählen Sie eine Option (zB 2) aus Dropdown-1, dann die anderen zwei Dropdown-Listen werden haben (2) in ihrem Optionsmenü deaktiviert (deaktiviert).

Die Frage dreht sich um die CSS-Ausgabe der div s, wo die Dropdown-Listen befinden.

Um das Problem zu produzieren:

• Besuchen Sie die Geige Link.

• Klicken Sie auf den Link "add mitigator", um zwei weitere Dropdown-Listen hinzuzufügen.

• In dropdown 2, wählen Sie alle Optionen eins nach dem anderen, und Sie werden die dropdown2 bekommen erweitert und versteckt hinter der dropdown3. Aber es passiert nicht mit dropdown1.

Wie kann ich dieses Problem beheben?

Answer 1

Versuch folgende CSS

.chosen-container { 
    min-height:30px; 
    height:auto !important; 
} 

Das neu hinzugefügte Mehrfach-Auswahl Dropdown-hat ein div mit Klassennamen .chosen-container der angewandt zu werden Höhe 30px in dem Elemente Stil durch die JavaScript.

Sie müssen diese CSS-Eigenschaft aus Ihrer CSS-Datei überschreiben.

I aktualisiert haben Ihre Geige: https://jsfiddle.net/vrwzckav/4/