Description
Vue version
3.4.27
Link to minimal reproduction
https://codesandbox.io/p/sandbox/angry-hooks-7wwylm?file=%2Fsrc%2FApp.vue%3A11%2C15
Steps to reproduce
Open the link.
Click the toggle layers button.
Look at the dev console.
What is expected?
You should be able to show / hide items in the tree via v-if=...
What is actually happening?
There is a crash and warning thrown that says. "Unhandled error during execution of scheduler flush. This is likely a Vue internals bug."
System Info
No response
Any additional comments?
I'm using a library called Konva. It's just a canvas drawing library. It lets you create layers and draw them on top of each other. The bug is that there's a crash that happens sometimes but it is only based on the stacking order of the layers.
Take note of the stack order. If you swap the order of layers one and two, the crash no longer happens. It seem to be only if you're toggling visibility of the first layer AND there is another layer under it. So the vue bug seems to be related to disabling the first item in a dom tree.