Flickering when loading elements

[thSoft]

If I call load(), the old graph disappears for a short time, then the new one appears. It would be more user-friendly if this flashing did not occur.

[thSoft]

(This is not perceivable when motion blur is enabled, but when it is disabled, it is apparent.)

[maxkfranz]

Labelling as "bug" because of UI/UX implications; adding to 2.3.9 if it can be resolved without much impact/risk on code

[maxkfranz]

Do you have an example? And could you provide browser/OS info etc?

I can't reproduce this. I see the new graph replace the old one without flicker, even with motionBlur: false and a large number of elements.

[maxkfranz]

Removing from 2.3.9 milestone until reproducible

[thSoft]

Here is a minimal example with the latest version: http://jsbin.com/pelofoqufa/1/edit?html,js,output The flickering is reproducible on Firefox, Chrome, Safari.

[maxkfranz]

Have you tried cy.batch() and making your own calls? http://jsbin.com/madiqoqalo/1/edit?js,console,output

It's almost always better not to use cy.load() and to make the calls to cy.add() and cy.layout() etc yourself.

As cy.load() had been complained about and caused confusion before, I think it should be removed from the docs and deprecated: #822

I'll try to add a fix in the meantime, but you may want to avoid cy.load() in future.

[maxkfranz]

Snapshot: http://js.cytoscape.org/download/cytoscape.js-snapshot-faf63dac65-1423163894122.zip

Please let me know if this works for you, and if so I'll close this.

[thSoft]

Oh, I see, remove() and add() in batch() works nicely: http://jsbin.com/wicune/1/edit?js,output