Is it possible to collapse and expand the nested nodes?

[onurusluca]

I couldn't find any explanations on collapsible nodes. Is this possible with vue-flow?

Example:
https://reactflow.dev/examples/layout/expand-collapse

[bcakmakoglu]

Yeah it is possible but there's not going to be any vueflow example showcasing this as it's a ReactFlow Pro example (meaning you have to pay to get access to the example).

[onurusluca]

Got it thank you!

[naumanahmed19]

Not the perfect solution as it does not keep the state but works.

const toggleLinkedNodesVisibility = (nodeId) => {
  const getAllLinkedNodeIds = (currentNodeId, visited = new Set()) => {
    if (visited.has(currentNodeId)) return [];
    visited.add(currentNodeId);

    return edges.value
      .filter(edge => edge.source === currentNodeId)
      .flatMap(edge => [edge.target, ...getAllLinkedNodeIds(edge.target, visited)]);
  };

  const allLinkedNodeIds = getAllLinkedNodeIds(nodeId);
  const shouldHide = nodes.value.some(node => allLinkedNodeIds.includes(node.id) && !node.hidden);

  nodes.value = nodes.value.map(node => 
    allLinkedNodeIds.includes(node.id) ? { ...node, hidden: shouldHide } : node
  );
};