Modal backdop not removed

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

<bountysource-plugin>

---

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource. </bountysource-plugin>

[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;
    }