Subscribe on changes!

Hydration style mismatch

avatar
Feb 11th 2024

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

avatar
Feb 13th 2024

This is a regression caused by #10250 (3.4.16+)