Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Support Shadow DOM #346

Open
cihad opened this issue Sep 3, 2019 · 4 comments · May be fixed by #753 or #810
Open

Support Shadow DOM #346

cihad opened this issue Sep 3, 2019 · 4 comments · May be fixed by #753 or #810
Labels
enhancement

Comments

@cihad
Copy link

cihad commented Sep 3, 2019

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
Copy link

genu commented Oct 15, 2019

Possible to get a PR for this?

@Akryum Akryum changed the title Fixing Shadow DOM Support Shadow DOM Dec 30, 2020
@digitalkaoz
Copy link

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 Rigidoont linked a pull request Jun 23, 2021 that will close this issue
Open
@Rigidoont Rigidoont linked a pull request Dec 20, 2021 that will close this issue
Open
@Rigidoont
Copy link

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
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Shadow DOM support Rigidoont/v-tooltip
Container can accept a callback Rigidoont/v-tooltip
6 participants
@digitalkaoz @cihad @genu @Akryum @Rigidoont @pythonking2907