Skip to content

Hydration style mismatch #10317

Closed
Closed
@ilovedingle

Description

@ilovedingle

Vue version

3.4.18

Link to minimal reproduction

https://play.vuejs.org/#__SSR__eNqNUk1vEzEQ/SuWL01QdzchHNCSVgVUCTgAAo572diTxK2/ZM/uBkX574y9JKQBVdzG897Mm3mePX/rfdl3wGu+jCIojywCdv62scp4F5DtWYA1O7B1cIZdEfWqscLZiGxQErfsJuGT+Ww2beyyGntQNT0QjNctAr0YW0rV52AMmdBtjDcNp1bYKguh4SziTw2U862Uym5q9nLmdw2//QBaOza4oOWyOvY5RsvqTIeeuQmLwnmQlClPAmyfyoTTLtRs2CqENymxasXjJrjOyuI3FkBmJO9XM9FqMemLlbJyklNT9oLN/W5KpEPeOSmSFL/mSLp2rTblQ3SWPM2SaUnjlYbwxaMi6xpej8MkrKXdhk85h6GD62NebEE8/iP/EMmSmoKvASKEHhp+wrANG8ARvv/+GXYUn0DjZKeJ/Qz4DaLTXZpxpL0jV2jsM16e9mO+DPqhH/F+h2Djcak0aGIeMr/hdC3vn1n9z7iLcpHryFFycby8wrT+wscReNqENMZht4g+1lUlpKUyCVr1obSAlfWmuiNaFTqLykAhnblblK/K+Wu6oYjn+RKiKVbBDWQtdTnbPDXIfocigJUQki//p3tR9kT7AvtL/2TL4RcknD4S

Steps to reproduce

You get this error when you use a v-bind inside the style tag and at the same time assign a value to the style attribute to a nested element, if is the main element that has the attribute this error won't occur.
SSR should be enabled.

What is expected?

This error should not occur like when it is the main element that has the style attribute

What is actually happening?

You get this error when any element that is not the main element has the style attribute

System Info

No response

Any additional comments?

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions