Решение проблем с тем, что закрытое окно перекрывает элементы DOM

29.08.2016 17:58:28

Столкнулся с тем, что скрытое по умолчанию модальное (диалоговое) окно bootstrap перекрывало элементы формы.

Визуально его не было видно, но при нажатии на поля ввода, фокус на них не передавался.

Решение

  1. Добавил диву класс modalHidden
  2. Добавил CSS стиль:

     
    .modalHidden {
    	position: absolute !important;
    	display: none;
    }
    

  3. Добавил js код:

     
    this.el.modalWindow.on('show.bs.modal', function(){
    	console.debug("show.bs.modal");
    	oThis.el.modalWindow.removeClass("modalHidden");
    });
    this.el.modalWindow.on('hide.bs.modal', function(){
    	console.debug("hide.bs.modal");
    	oThis.el.modalWindow.addClass("modalHidden");
    });
    


Категории: Script / Tool, -Памятка-
Пометки: Окно закрывало/заслоняло/застилало элементы формы.
Яндекс.Метрика