/ Проблема вирівнювання / CSS у динамічних вибраних випадаючих плагінах - jquery, css, декілька виборів, вибрано jquery

Випуск вирівнювання CSS в динамічному режимі Вибрані розкривні панелі плагінів - jquery, css, мульти-вибір, jquery-обраний

Приклад скрипка

Я використав Обраний плагін для багатокористувацьких спад.

На початковій сторінці a dropdown вже додано в html погляд, який є chosen.

Тоді якщо ми натиснемо на "add mitigator"додаються нові спадні місця.

Тепер функція така:

  • кожне спадне меню має від 1 до 14

  • Якщо я виберіть варіант (скажімо 2) зі спадного пункту 1, то для інших двох спадних меню буде вибрано (2) скасовано (відключено) зі свого меню опцій.

Проблема обертається навколо випуску CSS divs, де знаходяться спадні місця.

Щоб створити випуск:

  • Відвідайте посилання на скрипку.

  • Натисніть "add mitigator"посилання, щоб додати ще дві спадні меню.

  • В dropdown 2, виберіть усі параметри по одному, і ви побачите dropdown2 отримуючи розширення і ховаючись за dropdown3. Але з цим не буває dropdown1.

Як я можу розібратися в цьому питанні?

Відповіді:

3 для відповіді № 1

спробуйте дотримуватися CSS

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

Щойно додане спадне меню з декількома виборами має розділ з назвою класу .chosen-container який набирає висоту 30px в стилі елементів через JavaScript.

вам потрібно перезаписати цю властивість CSS з вашого файлу css.

Я оновив вашу загадку :https://jsfiddle.net/vrwzckav/4/