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

[Bug Report] <wbr> tag somehow breaks the hoisted static vnode causing hydration mismatch #6008

Closed
meteorlxy opened this issue May 26, 2022 · 2 comments

Comments

@meteorlxy
Copy link
Member

Vue version

3.2.36

Link to minimal reproduction

https://sfc.vuejs.org/#__SSR__eyJBcHAudnVlIjoiPHRlbXBsYXRlPlxuICA8ZGl2PlxuICAgIEEgPHdicj4gPGNvZGU+MDwvY29kZT4gPHdicj4gQiA8d2JyPiA8Y29kZT4xPC9jb2RlPiBDIDxjb2RlPjI8L2NvZGU+IDx3YnI+IEQgPHdicj4gPGNvZGU+RTwvY29kZT5cbiAgPC9kaXY+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiLFxuICAgIFwidnVlL3NlcnZlci1yZW5kZXJlclwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy9zZXJ2ZXItcmVuZGVyZXIuZXNtLWJyb3dzZXIuanNcIlxuICB9XG59In0=

Steps to reproduce

image

All the contents are inside the _hoisted_1, while _hoisted_2 to _hoisted_18 is missing, then _hoisted_19 is there.

What is expected?

Should be something like this:

image

What is actually happening?

Causing a hydration mismatch error when SSR enabled:

image

System Info

not related

Any additional comments?

No response

@yyx990803
Copy link
Member

static node stringify check has some rough heuristics - there must be a minimum number of consecutive static nodes for a piece of content to be stringified, so the behavior difference is expected.

@github-actions github-actions bot locked and limited conversation to collaborators Sep 25, 2023
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