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

--- Want to back this issue? **[Post a bounty on it!](https://app.bountysource.com/issues/64511987-modal-backdop-not-removed?utm_campaign=plugin&utm_content=tracker%2F194169&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://app.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F194169&utm_medium=issues&utm_source=github).

[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.