There are many Detached XXX in the Memory panel of Google Chrome's devtools

[SLOE-debug]

Vue version

3.4.15

Link to minimal reproduction

https://play.vuejs.org/#eNqVVM1u00AQfpVhkRpHspwiOIU2Uql6KBI/otxYhIw9Sbbd7Jr1Ok0U+QhnJC69IgFX7hz6Ng08BrPrOHGiUNI9JKv5+eabzzszY0dZFo0LZF12kCdGZBZytEUGMlaDQ85sPuGsx5UYZdpYmIHBfggp9oXCY01GhcqGMAwNqhQNlNA3egQtgmxxxdU4NmAxt3C4mRQEmdFZ3obDHsy4Auh0YH718+bzj/nV9e9vv/5cf7n5+H3+9ZPzSSReQ315qrLCYRGLwJoC249r7ziWCzuRpoKcOZ/zGurHKAhWlZa2IQWnYsxZCLMyhDeVE5x9cQPg7H1hrVYUtDIuYKqj1bEUyUUXAmzWqM+Sd0QcCySW9zZMvon6lI0yzTtnLqszFClyVpvby4DNKnt7tefImHgaPNjf32+v0KK+kDJYs4ziLAjehSBcE01GTiXhoL1O6835Yl33V9VtEK6k8ZycNF2I1XSbPh5kqQ1GNjYD3KbMuh47KA+QaJVriZHUA2oiccHVw7gd9ZkucqQ3imZX6NEyY2d8ifGYVLkDvs/4H37Z+Kb183hbpZT0W1ZjUY1rcOBns9MLU50UI+IffSjQTM+oVGK1CVr34yxrtQnyoFOthx4LaSkQub4YROe5VrQ5PHeSl0ZbSDQvMiuIPGfduivOYin15VNvc3O74EU5Q0wuttjP3d7p0uWlwRyNa3vpqx5I5T45e44T9zBr50inhaToW5yvkIQtHMcq7EmhUqLdiPNsT/3KE2rwOj+ZWFR53ZQj6uX08ZzRrnNb7V+tr+g+jB75PPoKrPwLpGOe8Q==

Steps to reproduce

Open the memory panel of devtools, take a snapshot, randomly click/mouse in/mouse out of a dozen inputs, click the "show/hide" button, and then take a snapshot again. There will be a lot of Detached events/input elements. How can I prevent it?

What is expected?

Events and elements will be released

What is actually happening?

Events and elements are not released

System Info

No response

Any additional comments?

No response