Subscribe on changes!

Hydration mismatch on `undefined` attribute

avatar
Jan 11th 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

avatar
Jan 11th 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=""
avatar
Jan 11th 2024

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

avatar
Jan 11th 2024

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