Converse.js: Modal backdop not removed

[cesarplata]

When I log in into chat in https://conversejs.org/docs/html/quickstart.html and I go to edit my status, I can't click anywhere inside the page.

When I inspect the page, there is a div that is on top of all elements
<div class="modal-backdrop fade show"></div>
When I delete that div, the page works fine
I have the same behavior on my test page using the cdn converse 4.0.2

[jcbrand]

I'm quite sure this is because of a clash between Bootstrap3 in the docs page and Bootstrap4 being used by Converse.

[psjbeisler]

i get the same thing with Bootstrap4 as well

[Mrfuyu]

To keep the backdrop the z-index of the element with the ID #converse-modals has to be over 1040 instead of 1031. If I turn the z-index over 1040 the modal from converse.js is editable.

Temporary I get it to work with:

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

[cesarplata]

To keep the backdrop the z-index of the element with the ID #converse-modals has to be over 1040 instead of 1031. If I turn the z-index over 1040 the modal from converse.js is editable.

Temporary I get it to work with:

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

It works!! thanks

[marclaporte]

How Fabio fixed in Tiki Wiki CMS Groupware:
https://sourceforge.net/p/tikiwiki/code/68592

[joweste]

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

It doesnt work to to me. The backdrop is solved but dropdown menu items stops to work.