Support Shadow DOM

Open cihad opened this issue 6 years ago • 4 comments

If Popover.vue#L685 be:

const contains = popover.$refs.popover.contains(event.composedPath()[0])

It will runs inside Shadow DOM.

Now, inside shadow dom the popover window closes when click on it.

Sep 03 '19 17:09 cihad

Possible to get a PR for this?

Oct 15 '19 21:10 genu

having the same problem here.

Using container : 'body' wont work correctly as the styles reside inside the shadow dom and having no effect for something outside of the shadow dom

Using container: false wont work correctly, the styles are applied, tooltips show, but wont hide.

any chance we get this working correctly in web components?

May 27 '21 08:05 digitalkaoz

In v3.0 there is no problem with popover not closing itself. However, it’s still not possible to specify exact element inside the Shadow DOM that the popover should be appended to. I made a pull request to allow providing a callback to the container option so that the container could be resolved dynamically.