Target for .modal-open

Created by: bkbillma

I am building a vue web component that uses bootstrap. All of my css/js is contained inside the web component. When i use the component and open a modal, the .modal-open is added to the body and because my css/js is contained to the web component some css doesn't work and the closing of the modal by clicking on modal background doesn't work.

If i could tell my modals to open with a target of the root of my web component (or if it could somehow detect it is inside of a web component) that should fix the issues.

The same functionality is needed for toasts.