title: How to attach a Vue Bootstrap Modal to a different parent?
body: <p>Currently using a <a href="https://bootstrap-vue.js.org/docs/components/modal/" rel="nofollow noreferrer">Vue Bootstrap Modal</a> which doesn't display properly, because it's parent (or rather an ancestor up the tree) has a <code>overflow:hidden</code> defined. </p>
  
  <p>Is there a way to have the modal attach to, say, the <code>body</code>-element instead? </p>
  
  <p>Of course, I could reorganize my templates, but this modal logically belongs to the component it's current defined in, and I don't want to break that.</p>