Mermaid click feature support

[jeffabailey]

Using the Mermaid click feature with the _blank option within the Mermaid integration results in undesirable behavior.

See the following video to see steps, and this page to try it out.

Page: https://jeffs-organization-3.gitbook.io/managing-inner-source-projects/~/changes/NdT1gsJCKqwbVRhqQRZF/use_gqm

Click the Reduce Duplication graph element to reproduce the issue.

Video: https://github.com/GitbookIO/integrations/assets/776901/2d1d6d4e-4116-4384-8b11-3e08031cd875

[rrrutledge]

The Mermaid graph renders in a small iframe, and click events meant to take you to some full-page view stay rendered within that iframe. We'd rather have the click targets take you to a full-page view of the target.

[addisonschultz]

Can you try and add _top to the link you're trying to open?

[jeffabailey]

Hi Addison, thanks for the response.

Yes, I tried using _top along _blank and _parent as described here:

https://mermaid.js.org/syntax/flowchart.html#interaction

Here's an updated version of the page demonstrating the issue more directly.

https://jeffs-organization-3.gitbook.io/managing-inner-source-projects/introduction-1/goals/use_gqm

Underlying mermaid code.

flowchart LR
    blank-->top
    top-->parent 
    
    click blank "https://www.github.com" _blank
    click top "https://www.github.com" _top
    click parent "https://www.github.com" _parent