Continuous frame drop after dragging elements

[cosmorunner]

Hi, I am using the folling to instantiate in my Vue component:

<cytoscape ref="cy" 
    :config="graphStyle" 
>
    <cy-element v-for="def in elements" :key="`${def.data.id}`" :definition="def" />
</cytoscape>

When dragging any nodes, the frames continue to drop over time until its no longer usable. I dont make any HTTP-calls or run manually set functions.

I made a short video to demonstrate, please see the link from GoFile:
https://gofile.io/?c=1fCHsr

Any help is appreciated!
Cheers!

[rcarcasses]

Hi @cosmorunner, very nice video, it seems like indeed may be a performance problem, can you share with use a minimum repo that we can use as starting point to research this issue? Thanks in advance!

[cosmorunner]

Hi @rcarcasses, here is a minimum repo demonstrating the issue:
https://github.com/cosmorunner/vue-cytoscape-frames-drop

Thank you for looking into it!