We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
style
3.4.5
https://stackblitz.com/edit/github-dyqiua
Use <div v-show="false" :style="{ width: 'auto' }">test</div> in your component and SSR it. Check the console for hydration errors
<div v-show="false" :style="{ width: 'auto' }">test</div>
No hydration errors
[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.
No response
Possibly related: #10000, #10004
The text was updated successfully, but these errors were encountered:
I encounter the same thing.
Sorry, something went wrong.
fix(hydration): avoid hydration mismatch warning for styles with diff…
2701355
…erent order (#10011) close #10000 close #10006
Successfully merging a pull request may close this issue.
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?
The server-output it actually correct though.
System Info
No response
Any additional comments?
Possibly related: #10000, #10004
The text was updated successfully, but these errors were encountered: