feat(modal): Close all modals at once (do it in the same way as popover does)

About Modals from the doc:

You can emit … bv::hide::modal event on $root with the first argument set to the modal’s id.

Example:

this.$root.$emit(‘bv::hide::modal’,‘modal1’)

---

About Popover from the doc:

You can close (hide) all open popovers by emitting the bv::hide::popover event on $root

Example:

this.$root.$emit(‘bv::hide::popover’)

---

So the feature request is to add ability to use just this.$root.$emit('bv::hide::modal') (i.e. without modal’s id) in order to close all modals.

This feature will be useful regarding this PR#2164.

[akhoury]

@TitanFighter a bit late to the party, but i ran into this today and wanted to close all modals no matter what when the route is changed…

Array.from(window.document.querySelectorAll('.modal.show'))
    .map(el => el.id)
    .forEach((id) => {
        this.$root.$emit('bv::hide::modal', id)
    })

assuming they have an id

[jacobmllr95]

The <b-modal> logic is already too complex to allow this kind of feature.