coreui
Page is not interactable after closing any modal
I'm using Edge Chromium, the webpage is not interactable after closing any modal. You can try it from your documentation page: https://coreui.io/bootstrap-vue/components/modal.html#live-demo
- Click"Launch demo modal"
- Close the modal
- Click "Launch demo modal" or any supposed to be interactable link/button <- failed here
I have some colleagues that are seeing this same issue, but I'm not. Everyone that's having the issue on my end is on Windows. It's happening in Chrome, Firefox, and Edge. Everything is working on my end. Any thoughts on how to debug?
@mrholek, the modal elements aren't being removed from the DOM, though they aren't visible anymore.
@camdecoster we add the possibility to keep a CModal in DOM after closing in the next release.
@josesvito can you check if the body element has the following class name or styles after closing the modal
- class="modal-open"
- style="overflow: hidden; padding-right: 0px;"
@camdecoster we add the possibility to keep a CModal in DOM after closing in the next release.
That wasn't a feature request. I'm saying that the modals are removed from the DOM when I check it on a working browser, but they aren't removed when I check it on a non-working browser.
The body element doesn't have that class or those styles on my computer that has the issue.
@josesvito can you check if the body element has the following class name or styles after closing the modal
- class="modal-open"
- style="overflow: hidden; padding-right: 0px;"
@mrholek doesn't seem it has any of those... https://imgur.com/a/kHuYdoi strange, this only happens on my work laptop but not on my desktop.