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.

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

CSS conflict with outer Vuetify themes #146

Open
schokocaylee opened this issue Jul 16, 2024 · 1 comment
Open

CSS conflict with outer Vuetify themes #146

schokocaylee opened this issue Jul 16, 2024 · 1 comment
Labels
bug Something isn't working

Comments

@schokocaylee
Copy link

Describe the bug
If you use Vuetify in the outer app with themes, POLAR/inner Vuetify "steals" the CSS with the ID "vuetify-theme-stylesheet". This breaks the CSS for the outer Vuetify app.

Expected behavior
An app using Vuetify is not affected by using POLAR.

Steps to reproduce

  1. Build a Vuetify app that utilizes themes (visible best when choosing dark theme).
  2. Render POLAR inside that app.
  3. See the broken design.

Additional context
A workaround is renaming the outer #vuetify-theme-stylesheet to another ID. However, this may affect outer Vuetify as well, especially with theme changes.

@dopenguin dopenguin added the bug Something isn't working label Jul 26, 2024
@dopenguin
Copy link
Member

Thanks for reporting this issue!

How did you instantiate POLAR? Did you use any client or built one yourself?
Could you also please give me a link to a reproduction, so that we can address this issue more quickly?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants