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.

Sign up for GitHub

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

Jump to bottom

SSR hydration mismatch on input type checkbox/radio with value `null` #10083

Closed

pdanpdan opened this issue Jan 11, 2024 · 0 comments · Fixed by #10086

pdanpdan commented Jan 11, 2024

Vue version

3.4.10

Link to minimal reproduction

https://play.vuejs.org/#__SSR__eNqNUbFOwzAQ/ZWTl4JU2qFblCIB6gADIGD0EtJrcXFsyz6HoCj/ztlRS4eq6mT7vXfP7+l6cefcrI0oClGG2itHEJCiu5VGNc56gh48bmCAjbcNTFg6kUaa2ppA0Ng1algmxZWJWl9LU85HGzbgB2HjdEXIL4BSGRcJ6NfhUgpfrZWVAtqb7MJIPhkp2krHJEmWUpyYrb+w/v603YXj5fwoh5gKChx/o7azXbCGm/fpB3a1jVMa/YsjxfWkKCAziau0tj9PGSMfcbrHc5IT+C5wuIIvrx4D+halOHBU+S3SSK/en7Hj+4HkFlGz+gz5hsHqmDKOsvto1hz7SJfTPub9KbP9CKuO0IR9qRQ0KYesl4J3+nCm+n/cxWyR56QZxPAHq7W/Bw==

Steps to reproduce

Check console on load in SSR mode

What is expected?

No hydration error

What is actually happening?

Hydration attribute mismatch on <input type="radio" checked>

rendered on server: value="on"
expected on client: value=""
Hydration attribute mismatch on <input type="checkbox">
rendered on server: value="on"
expected on client: value=""

System Info

node 18

Any additional comments?

No response

zh-lx mentioned this issue

fix(runtime-core): improve mismatch when client value is null or undefined #10086

Merged

yyx990803 closed this as completed in #10086

github-actions bot locked and limited conversation to collaborators

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.