Bootstrap Модальный выбор раскрывающегося списка, расширяющийся за окном

Question

В настоящее время у меня есть выпадающее меню, которое распространяется за пределами модального окна. Это лучший дизайн для увеличения высоты окна и сохранения выпадающего списка внутри него? (в этом случае, как это сделать?) или лучше продолжать использовать этот текущий дизайн?

Answer 1

в вашем CoffeeScript вы можете захватить событие щелчка выпадающего списка, и сбросить высоту вашего модального окна:

toggleModalHeight = -> 
    $('#your_drop_down').on 'click', (event) -> 
     $('#modal_id').css('height','new height here') 


$(document).ready toggleModalHeight 
#For avoid Turbolinks issues 
$(document).on 'page:load', toggleModalHeight 

В функции toggleModalHeight вы можете даже вычислить новую высоту ваш модальный и установите его правильно. Надежда помогла вам.