2015-05-28 17 views
5

Example FiddleCSS problema di allineamento in dinamiche dropdowns del plugin Scelto

ho usato il plugin Scelto per menu di scorrimento MultiSelect.

Nella pagina iniziale, un dropdown è già aggiunto nella vista html che è chosen.

Quindi, se si fa clic su "add mitigator" vengono aggiunti nuovi menu a discesa.

Ora la funzione è come questo:

  • ogni discesa ha da 1 a 14 come opzioni

  • Se seleziono un'opzione (ad esempio 2) dal menu a discesa 1, poi gli altri due menù a discesa sarà avere (2) deselezionato (disabilitato) dal menu delle opzioni.

La questione ruota attorno alla questione dei CSS div s dove risiedono menu di scorrimento.

per produrre il problema:

  • Visita il link violino.

  • Fare clic sul collegamento "add mitigator" per aggiungere altri due menu a discesa.

  • In dropdown 2, selezionare tutte le opzioni una per una, e vedrete il dropdown2 estendersi e nascondersi dietro lo dropdown3. Ma non succede con dropdown1.

Come risolvere questo problema?

+2

domande nota- sono spesso modificati per rimuovere i contenuti considera 'rumore', il contenuto che dovrebbe altrimenti essere un commento (come ad esempio una nota grazie a un utente che ha inviato una risposta) e per normalizzare la formattazione (rimuovere urla, codice di formato, collegamenti di formato). Non considerare questo come un affronto per te o la domanda stessa, tali modifiche sono apportate (e quindi accettate da un voto comunitario) al fine di aiutarti sia come l'OP a ottenere risposte di qualità sempre maggiore, sia ad aiutare i futuri visitatori – SW4

risposta

3

prova seguente CSS

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

L'appena aggiunto selezione multipla discesa hanno un div con nomeclasse .chosen-container che sta ottenendo altezza 30px applicato in stile elemento attraverso il JavaScript.

è necessario sovrascrivere quella proprietà CSS dal file css.

Ho aggiornato il vostro violino: https://jsfiddle.net/vrwzckav/4/