Проблем с изравняването на CSS в динамичните избрани падащи менюта - jquery, css, multi-select, jquery-избрани

Примерно

Използвал съм избран плъгин за падащите менюта с множество опции.

На началната страница, a dropdown вече е добавен в html изглед, който е chosen.

Тогава, ако кликнем върхуadd mitigator"добавят се нови падащи менюта."

Сега функцията е така:

• всяко падащо меню има от 1 до 14 като опции

• Ако избера опция (например 2) от падащото меню 1, другите две падащи менюта няма (2) ще бъдат отменени (забранени) от менюто с опции.

Въпросът се върти около издаването на CSS на divкъдето се намират падащите менюта.

За да се произведе въпросът:

• Посетете връзката с цигулка.

• Кликнете върху "add mitigator", за да добавите още две падащи менюта.

• в dropdown 2, изберете всички опции един по един и ще видите dropdown2 се разширява и се крие зад dropdown3, Но това не се случва dropdown1.

Как мога да разреша този проблем?

Отговори:

опитайте след CSS

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

Наскоро добавеното падащо меню с множествено избиране има div с име на класа .chosen-container което се прилага височина 30px в стила на елемента чрез JavaScript.

трябва да презапишете това CSS свойство от вашия css файл.

Обнових си цигулка :https://jsfiddle.net/vrwzckav/4/