search

rcarcasses / vue-cytoscape

cytoscape.js now inside vue.js
https://rcarcasses.github.io/vue-cytoscape
MIT License
96 stars 34 forks source link

Continuous frame drop after dragging elements #53

Open cosmorunner opened 4 years ago

cosmorunner commented 4 years ago

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 commented 4 years ago

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 commented 4 years ago

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

Thank you for looking into it!