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 on undefined attribute #10081

Closed
manniL opened this issue Jan 11, 2024 · 3 comments · Fixed by #10086
Closed

Hydration mismatch on undefined attribute #10081

manniL opened this issue Jan 11, 2024 · 3 comments · Fixed by #10086

Comments

@manniL
Copy link

manniL commented Jan 11, 2024

Vue version

3.4.10

Link to minimal reproduction

https://stackblitz.com/edit/vue-issues-10081

Steps to reproduce

<template>
  <div>
    <span :draggable="undefined" />
  </div>
</template>

image

What is expected?

No hydration error

What is actually happening?

Hydration error

System Info

No response

Any additional comments?

No response

@Ky6uk
Copy link

Ky6uk commented Jan 11, 2024

Could be related, but looks like the issue below was fixed in the v3.4.10.

With v3.4.9 the code <input :maxlength="undefined" /> also causes the hydration issue

[Vue warn]: Hydration attribute mismatch on <input value>​ 
  - rendered on server: maxlength="undefined"
  - expected on client: maxlength=""

@manniL
Copy link
Author

manniL commented Jan 11, 2024

@Ky6uk thanks, updated the issue and indeed, the disabled part is gone but draggable is still causing a hydration error.

@Ky6uk
Copy link

Ky6uk commented Jan 11, 2024

@manniL yeah, and I can confirm that mine one was just fixed in the v3.4.10 a couple of hours ago 😅

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants