Support Shadow DOM #346

Open

Open

Support Shadow DOM#346

Labels

opened

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.

Possible to get a PR for this?

added

on Dec 30, 2020

changed the title ~~[-]Fixing Shadow DOM[/-]~~ Support Shadow DOM

on Dec 30, 2020

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?

linked a pull request that will close this issue

on Jun 23, 2021

Shadow DOM support #753

linked a pull request that will close this issue

on Dec 20, 2021

Container can accept a callback #810

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.

@@ -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)

to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

Participants