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

Столкнулся с тем, что скрытое по умолчанию модальное (диалоговое) окно 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");
   });