Converse Js модалы не отображаются должным образом, когда bootstrap 4 уже используется на веб-сайте

Question

Я довольно новичок в Converse Js, поэтому, пожалуйста, будьте терпеливы со мной. Я установил сервер Ejabberd и могу счастливо подключиться к нему с помощью плагина Converse Js.

Однако , когда дело доходит до щелчка по любому из параметров, которые будут отображать модальное окно, я получаю серое наложение (которое обычно находится позади модального) поверх содержимого модального сообщения.

Я уже использую Bootstrap 4 внутри сайта, и на сервере есть файл bootstrap css. Это всего лишь случай корректировки z-индекса содержимого / наложения модалов в файле ConverseJs / Bootstrap css?

Answer 1

Я только что нашел решение:

https://github.com/conversejs/converse.js/issues/1240

Просто добавьте это на свои страницы:

.modal-backdrop {
   z-index: 1030!important;
   display: none;
}

Answer 2

Converse Js use Bootstrap Native, поэтому каждый раз, когда вы загружаете конверсию js, ее модальные, Dropdown и другие портят ваш DOM, подключая другой обработчик. У меня та же проблема, но не только с модалами, но и с Dropdown, и я до сих пор не могу найти, как заменить Bootstrap native на Bootstrap.