Replies: 1 comment
-
When I manually add the element |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Im currently working on a (big) migration from our frontend from vue2-stack to vue3. This includes vuetify as well. We decided to make use of WebComponents/CustomElements so we dont have to migrate everything at once.
There are some styling issues however with v-select and v-tooltip (there are probably more). These components create additional html-elements outside the customElement and because of that styling is off
Styling is off because the element
<div class="v-overlay-container">
is not added to<my-custom-element>
. Now the doc-structure looks like this:<body><my-custom-element>#shadow-root(open)</my-custom-element><div class="v-overlay-container"> should NOT be here. It should be inside <my-custom-element>?</div></body>
I can work around it a bit for the v-tooltip, by using the
attach
prop, targeting an html-element inside the webComponent. This makes it a bit better. v-select however doesnt have such an option.Is there a way to specify where the
<div class="v-overlay-container">
could be added? Or can the styling issues be solved in another way?Thanks in advance!
Beta Was this translation helpful? Give feedback.
All reactions