Question on Jointjs+ Navigator

[ROYopedia]

What happened?

Hello Team,
I am using joinjts+ navigator in our project.
Now I have requirement where I am hiding elements on paper based on some user event.

export function setCellVisibility(cell: dia.Cell, visible: boolean): void {
  cell.set("hidden", !visible);
}

Now, Wewn user is hiding cells on paper the navigator is unable to hide it from its internal viewer.
in Navigator viewer the cells are not hidden.
Any idea?

Version

3.7

What browsers are you seeing the problem on?

Chrome

What operating system are you seeing the problem on?

Linux

[kumilingus]

How do you hide the cells in the main paper? You have to do the same with the Navigator paper.

[ROYopedia]

By setting cell.set("hidden",false/true)

Below is one code example

export function setCellVisibility(cell: dia.Cell, visible: boolean): void {
  cell.set("hidden", !visible);
}

paper.on("node:collapse", (elementView: dia.ElementView, evt) => {
   evt.stopPropagation();
   const node = elementView.model as Node;

     setCellVisibility(node, false);
   });

});

[kumilingus]

This code does not hide the DOM element. This code just sets the model property called hidden.

[ROYopedia]

It is hiding the cells on paper indeed. I took reference from one of the demo called DWDM circuit.
https://www.jointjs.com/demos/dwdm-circuit

And the github link to the file
https://github.com/clientIO/joint/blob/master/demo/dwdm/src/shapes/utils.ts.
Example:
In demo if we add a navigator and collapse via - icon. In paper the cell along with its child elements getiing hidden.
But in navigator it is still available as it is.

[kumilingus]

If you configure it in the same way then yes.

Try to add these options to the navigator paper: https://github.com/clientIO/joint/blob/master/demo/dwdm/src/index.ts#L25-L37

[ROYopedia]

All the options are same as main paper. Still no luck.
Same scattered links. It should work same as the both paper are same.
Can you please give it a try? or any other way?

[kumilingus]

Please send the DWDM application enhanced with the Navigator to support@jointjs.com and we will take a look and let you know.

[ROYopedia]

Sure. I will have a internal discussion and send accordingly.

[kumilingus]

Just to clarify, there is no need to send us your actual application. You can take the DWDM example, replace JJ with JJ+, add the Navigator there, and send it to us (helping us save time as this is a free support channel). Thank you.