-
Notifications
You must be signed in to change notification settings - Fork 106
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
[BUG] The contents of v-card children are duplicated when an anchor tag is added #499
Comments
Look in your developer console in the browser, its probably related to Hydration issues like mine was. The actual fix for me on Nuxt 3 was to disable ssr in my nuxt.config.js ssr: false, |
This is the thing. I need to use SSR. The HTML Spec does not allow a Then Vue tries to hydrate will see that the DOM is not as it should, give a warning and try to correct itself but without removing the extra nodes. Maybe using |
Actually what I've noticed is that i can not put an anchor inside another anchor, some thing like that : |
All the packages version:
The contents of
v-card-*
is duplicated when the link and href attributes are present on the parentv-card
and there is an anchor tag inv-card-*
.To Reproduce
Github repo to reproduce the bug
Just run the project and you will see the bug.
Steps to reproduce the behavior:
v-card
element to your pagev-card
componentv-card-text
orv-card-subtitle
orv-card-actions
Expected behavior
The contents of
v-card-text
andv-card-actions
should not be duplicated.Screenshots
Additional context
This bug only appears in Nuxt so I thought this would be the repo to report this issue, if you reckon it's Vuetify's issue I will open the same issue in Vuetify's repo.
The anchor tag has to be in one of v-card child components (
v-card-text
, ...).If you don't see the duplicate content, refresh the page.
The text was updated successfully, but these errors were encountered: