Vue version

3.3.4

Link to minimal reproduction

https://play.vuejs.org/#eNq9VU1v2zAM/SucL3WAzGmynby4+8KAbYdhwA471Du4tpwKUyRPlrMGQf77KFJ2bXctdlqBOhbFRz4+kfIpets0yaETURpt29LKxkErXNdc5VruG2MdnMCKGs5QW7OHC3S9GLbe30pV8UYeJSta+mB5lOvS6NbBvt1B5gPEFx+FUga+G6uqZxeL3kHJ1q2Dy3WuAU7+AaCLvUgx6mdTmDxaslFW3rQe1u7YoNOaVmd6ztGi0OgNY/hmBt88ATe3hdbFLP+Lp/KHVEOE7iGBl4/ifyxe+Vf8Z3GclbudsChP7EVegjMLyK6YJimXHArViaRtlCxF7MwSLpd/22H4enF9STnOIU84JHMQX0wlsniRXQUJeIeONoPKlN1eaJf86oQ9fhNKlM7YGM/8ty2aPGLaDJFOeIhHJrW0rfughMdSc4z8jKo+6Urcoe8lma3oecQ+BseUuhXWeeNbF4rwm8sBTtXkuu506aTR4ygaHwvWStZAy6QpLHLx2wuYGRKGEk/GzkJPuDAu1LYElIRfJJHirFwodnZww1JpG7IMi4bXMAnCavFIpbOt0lvRcE34HyTN1IPJvRO1sSIe2NznDsVsVzzkON64QCUbVTiBK4DtTecclvmmxI75meVRL2Qe0T4Qv5S6hbQj0IpR7PEwRujgGLtyvcBArUBRqjSYZ2jYVvIApSraFqHo6JB4nz38TVy4+4b9bRDPjxXu+kZJ/HseQaqKG6F6o59ONB6eo1rBhifDc+Odf4pj7yorTLDlq60vcoUc7klNGGFdtxPKpxNFPaP2vf8Y3i+2q9FZ4LJ1R8XHkgQdwlxWEie6OKa1EnfUBhQ48VyDR1NUldS7dHPZzD3Ww3ArY1MreB65LShhtIyGS9x/EaYN8smHQNVk7U/Wi5yRXL229Etykec9aDMF4Q38GGjzUAuvxujDBBQ2fICY0fABomX/AZo4baZOm+lXqrGmabNK1FKLr/495hvWU0vhG3ar3tElzRf2l25/Iywazn6qRkOF8g0UHso37hNuOe+LpZ9OnArO50f6YaYB2kbE/QU9oz5nTkTnNEmEf6SJR/b/aZ7/AP1k3iY=

Steps to reproduce

1.Click the first button 2.Click the second button 3.watch data and view

What is expected?

Correct dom structure

What is actually happening?

The dom element has not changed

System Info

No response

Any additional comments?

use draggable

You should not be manipulating the DOM structure that is controlled by Vue. Errors are expected if you do that.