Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Firefox NS_ERROR_FAILURE when rendering large number of nodes using flowchart library

  • No replies
  • 1 has this problem
  • 1 view
ziun9605
ziun9605
more options

Hello Firefox!

I am a developer who is developing a web application using react. I made a data visualization flowchart that renders large number of nodes (around 1000 nodes) on Firefox.

Problem occurs whenever I zoom in too close on the flowchart or when I try rendering over 1000 nodes. The graph disappears with NS_ERROR_FAILURE message. I will attach the error and what it looks like.

My clients mostly use firefox. But this usecase works well in Safari which can render up to 5000 nodes without much issue.

I know that browsers have limitations on how much it can render. If you guys know the work around, a fix or if I'm doing something wrong please let me know.

Error message: Exception { name: "NS_ERROR_FAILURE", message: "", result: 2147500037, filename: "http://localhost:3000/static/js/bundle.js", lineNumber: 328116, columnNumber: 0, data: null, stack: "./node_modules/cytoscape/dist/cytoscape.cjs.js/LTCp.makeLayer@http://localhost:3000/static/js/bundle.js:328116:7\nmakeLayer@http://localhost:3000/static/js/bundle.js:328213:22\n./node_modules/cytoscape/dist/cytoscape.cjs.js/LTCp.getLayers@http://localhost:3000/static/js/bundle.js:328255:15\n./node_modules/cytoscape/dist/cytoscape.cjs.js/CRp$1.drawLayeredElements@http://localhost:3000/static/js/bundle.js:328934:35\n./node_modules/cytoscape/dist/cytoscape.cjs.js/CRp$6.render@http://localhost:3000/static/js/bundle.js:330772:9\nrenderFn@http://localhost:3000/static/js/bundle.js:327026:9\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\n" } </p>

Thank you very much for reading this.

Hello Firefox! I am a developer who is developing a web application using react. I made a data visualization flowchart that renders large number of nodes (around 1000 nodes) on Firefox. Problem occurs whenever I zoom in too close on the flowchart or when I try rendering over 1000 nodes. The graph disappears with NS_ERROR_FAILURE message. I will attach the error and what it looks like. My clients mostly use firefox. But this usecase works well in Safari which can render up to 5000 nodes without much issue. I know that browsers have limitations on how much it can render. If you guys know the work around, a fix or if I'm doing something wrong please let me know. Error message: Exception { name: "NS_ERROR_FAILURE", message: "", result: 2147500037, filename: "http://localhost:3000/static/js/bundle.js", lineNumber: 328116, columnNumber: 0, data: null, stack: "./node_modules/cytoscape/dist/cytoscape.cjs.js/LTCp.makeLayer@http://localhost:3000/static/js/bundle.js:328116:7\nmakeLayer@http://localhost:3000/static/js/bundle.js:328213:22\n./node_modules/cytoscape/dist/cytoscape.cjs.js/LTCp.getLayers@http://localhost:3000/static/js/bundle.js:328255:15\n./node_modules/cytoscape/dist/cytoscape.cjs.js/CRp$1.drawLayeredElements@http://localhost:3000/static/js/bundle.js:328934:35\n./node_modules/cytoscape/dist/cytoscape.cjs.js/CRp$6.render@http://localhost:3000/static/js/bundle.js:330772:9\nrenderFn@http://localhost:3000/static/js/bundle.js:327026:9\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\nFrameRequestCallback*./node_modules/cytoscape/dist/cytoscape.cjs.js/raf</<@http://localhost:3000/static/js/bundle.js:300775:18\nrequestAnimationFrame@http://localhost:3000/static/js/bundle.js:300802:10\nrenderFn@http://localhost:3000/static/js/bundle.js:327053:26\n" } Thank you very much for reading this.
Attached screenshots