The page has a memory leak when the page has svg components
Vue version
3.3.4
Link to minimal reproduction
Steps to reproduce
Switch visible1 and visible2 and observe the number of 'Dom nodes' in the Performance monitor panel
What is expected?
Unmounted 'Dome nodes' are reclaimed
What is actually happening?
Unmounted 'Dome nodes' are reclaimed
System Info
No response
Any additional comments?
No response
Memory leaks have been bothering us for a long time, and we finally found the cause
It similer to #5363 Note: without
svgit also has a memory leak
In fact, in my project, the Dom node can be reclaimed after the svg component is removed, so I have provided a reproduced example based on the fact. The issue mentioned in #5363 has been fixed, it should not be the same as the issue I described.
@Mario34 see https://github.com/vuejs/core/issues/5363#issuecomment-1509175693
Chrome doesn't seem to fix the problem in #5363 and I tested the case where there was a memory leak without svg based on your demo.
I tested #5363 and it was fixed, the reviews misled me. And no svg node does not have a memory leak. My bad.
@Mario34 duplicate of https://github.com/vuejs/core/issues/5256 a workaround see https://github.com/vuejs/core/issues/5256#issuecomment-1173891407