This issue is more of a note to the core team.

Consider using portal-vue for placing modals, tooltips, popovers, and toasts at the bottom of the document. Although we need to wait for release 2.0.0 (as there is a feature LinusBorg/portal-vue#161 needed that will be available in release 2)

I've been working on the new Bootstrap V4.2 toast component which needs portal-vue's features (as toasts need to be stacked in the same container), and have found that it will be also very handy for modals (for fixing z-index/stacking issues) and tooltips/popovers.

Currently portal-vue renders placeholder elements for the portal component, which can break layout in some situations (hence the need to wait for release 2.0), although there is a temporary workaround that can fix this (but will need to change when 2.0 is released).

UPDATE: (2019-06-05)

• Toasts require PortalVue (specifically for the ability to use transition groups)
• Modal now uses an internal custom portalling routine (which preserves parent/child relationships and injections)
• Tooltips/Popover conversions are in progress, and will be using the new internal custom portalling routines