График Cytoscape-expand-collapse зависает, когда я разворачиваю узел coopound верхнего уровня

#javascript #cytoscape.js

Вопрос:

У меня есть очень простой cytoscape.js график с помощью cytoscape-expand-collapse.

Есть два узла с ребром между ними. Поверх одного из этих узлов находятся два родительских составных узла.

Когда я сворачиваю оба родительских элемента и они пытаются развернуть их снова, график застревает (вероятно, где-то в бесконечном цикле).

Вот кодовое окно, показывающее проблему. И код:

ОСТОРОЖНО: ваш браузер может застрять, если вы попытаетесь развернуть узел.

 document.addEventListener('DOMContentLoaded', function(){
var cy = window.cy = cytoscape({
container: document.getElementById('cy'),
ready: function(){
  var api = this.expandCollapse({
    layoutBy: {
      name: "cose-bilkent",
      animate: true,
      ranker: 'network-simplex',
      fit: true,
      // nodeDimensionsIncludeLabels: true,	
    },
    fisheye: false,
    undoable: false,
  });
  api.collapseAll();
},
elements: {
  "nodes": [{
    "data": {
      "id": "tea-beverage",
      "label": "Tea Beverage",
      "parent": "NA-canary"
    }
  }, {
    "data": {
      "id": "frontend-hotdrinks",
      "label": "FrontEnd Hot Drinks",
      "parent": "frontend-canary"
    }
  }, {
    "data": {
      "id": "frontend",
      "label": "frontend",

    }
  },{
    "data": {
      "id": "frontend-canary",
      "label": "canary",
      "parent": "frontend",

    }
  }],
  "edges": [{
    "data": {
      "source": "frontend-hotdrinks",
      "target": "tea-beverage",
    }
  }],
}
});

Любая помощь будет оценена. Спасибо.

Ответ №1:

Он отлично работает с Cytoscape.js версия <= 3.3.6

Как обычно, @maxkfranz продолжает нарушать обратную совместимость.

Вы можете создать новую проблему здесь.