Support Shadow DOM

[cihad]

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.

[genu]

Possible to get a PR for this?

[digitalkaoz]

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?

[Rigidoont]

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.

[pythonking2907]

@@ -1,3 +1,17 @@

3.0.0-beta.20 (2022-01-13)

Bug Fixes

• exclude popper content from target nodes (dcd6159)

Features

• add popper methods show/hide to createTooltip() (bf2bb49)

3.0.0-beta.19 (2022-01-13)