Bridge doesn't work properly for components in Shadow DOM

[menschner]

Building web components with Storyblok isn't fully workable, because the Bridge can't access the shadow DOM.

---

Expected Behavior

If I call the Storyblok-API with the bridge from inside a Web Component, it should be possible to use the full Bridge-functionality.

Current Behavior

U can take the events and response to that, but u can't click on components inside / access the "Component Menus".

Steps to Reproduce

if u like i can create an example project with the problem shwon, but it's simple:

1. create web component with storyblok-sdk inside
2. load web component in shadow dom
3. try to edit something in the visual editor

---

In my opinion is the problem, that the script ist loaded into the head, interacts with the body-tag only and it queries through the document, but these are all things, that havent's access to components in shadow DOM (and no, I can't just drop the shadow DOM ^^).
Or do I make any mistakes?! 😅