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

Hydration mismatch when using v-show and custom style attribute #10006

Closed
manniL opened this issue Jan 5, 2024 · 1 comment · Fixed by #10011
Closed

Hydration mismatch when using v-show and custom style attribute #10006

manniL opened this issue Jan 5, 2024 · 1 comment · Fixed by #10011
Labels
🐞 bug Something isn't working scope: ssr

Comments

@manniL
Copy link

manniL commented Jan 5, 2024

Vue version

3.4.5

Link to minimal reproduction

https://stackblitz.com/edit/github-dyqiua

Steps to reproduce

Use <div v-show="false" :style="{ width: 'auto' }">test</div> in your component and SSR it.
Check the console for hydration errors

What is expected?

No hydration errors

What is actually happening?

[Vue warn]: Hydration style mismatch on 
<div style="display:none;width:auto;"> 
  - rendered on server: style="display:none;width:auto;"
  - expected on client: style="width:auto;"

The server-output it actually correct though.

System Info

No response

Any additional comments?

Possibly related: #10000, #10004

@zlx1134558955
Copy link

I encounter the same thing.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
🐞 bug Something isn't working scope: ssr
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants