custom properties from CSS v-bind are not re-added when inline style is patched

[DerZade]

Vue version

3.3.11

Link to minimal reproduction

https://play.vuejs.org/#eNqNU1FP2zAQ/itWXlqkJlbhLUu7bgxNTBtMsL1FmtL4UgyObdlOKKr633e2S0k7hnBe7Lvv7rv77rJJPmmd9R0keVLY2nDtiAXX6XkpeauVcWRDDDRkSxqjWjJC6KiUpayVtI4wbqulAEZmHjRuKmHh5MOL/+vN5Zc/59fff/+4ukXMKboKGmmQAB8OWi0qB/gieArG+3jzJ7fuScCsTPY0H8lIKy4dmBR6kM7mRCoJI5KTTjJouARWJjHDLmVI24nBK1gEP7L4Mz0C0X9Qr8edvhlX0D19QbHBcC+WnXNKkkUteP0w7HFGnOmgTOYGDGBTpqARi3EFHQgWvyKIRGytNDC0doJsPAHmQ+BTTlaGM9SdhEv6HJ/WSnStRAENaKjcuE+XXLLxcGInEzJtjJ/nNszNE82TSRIXI20rnd1bJXF1AmO5c9gyyWMN3oYL499lcuectjmlNZMYxkDw3mQSHJW6pQuEUdNJx1tImWoXZ9lZNp2iXNYN7RnYNl0a9WjBZNoohqnKZDIgo+jpcT+idmDeS34UdlDAke+gCM/v6VGiLWrjcBCy4asjZWrVai7AXGvH8c84UKgSQj1+CzY/+X0z9R3UD6/Y7+06NvXTQKhsIICrzApcdF/cXsEa73tnq1gndtP4j/MGLO6FrzHCPuNvhWUPcKHayzBoLle/7MXagbTPTYXV9WoEfBjI+Rutv5SLcu9V3P4FTeh3DA==

Steps to reproduce

Click "rerender" button

What is expected?

The custom property of v-bind remains on the div element (the ul has two columns) when the component is re-rendered.

What is actually happening?

When the component is re-rendered, the custom property of v-bind is not added to the div element again (the ul has only one column).

System Info

No response

Any additional comments?

No response

[edison1105]

a workaround

  <button @click="disabled = !disabled">rerender </button>
  <span v-if="disabled"></span>   //👈🏻 add an empty node so that the comp's childList changes when disabled toggled
</template>