'Mermaid - How to connect subgraphs in markdown?

I'm using Mermaid in markdown. I can't figure out how to connect subgraphs.

Given the program below, I need to be able to connect one and two with an arrow.

 -  ```mermaid
    graph LR;
      subgraph one
        main---MainMenu
        MainMenu((MainMenu))---Game
        Game---Level
        Game---Player
      end
      subgraph two
        Screen
      end
      one-->two 
    ```

enter image description here



Solution 1:[1]

As far as I know, it's only possible to connect nodes, so you could do:

main-->Screen

Solution 2:[2]

The beta now allows you to connect subgraphs:

flowchart TB
    c1-->a2
    subgraph one
    a1-->a2
    end
    subgraph two
    b1-->b2
    end
    subgraph three
    c1-->c2
    end
    one --> two
    three --> two
    two --> c2

https://mermaid-js.github.io/mermaid/#/flowchart?id=beta-flowcharts

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Penny Liu
Solution 2 laktak