Join lines overlapping with above parallel actions

[vgouth]

Describe the Bug with repro steps

1. Create a consumption logic app.
2. Open designer and add http request trigger
3. Add a scope action and a compose action inside scope action
4. Add for each action and condition action parallel to scope action
5. Add a compose 1 action under foreach action
6. Add some response or compose actions parallel to compose 1 action added under for each action
7. Add response 1 action under compose 1 action
8. Join scope, condition, and compose 1 action with response 1 action

Expected: Join lines should not overlap with response, compose1 and compose 2 actions.

**Actual:**Join lines overlapping with response, compose1 and compose 2 actions.

What type of Logic App Is this happening in?

Consumption (Portal)

Which operating system are you using?

Windows

Are you using new designer or old designer

New Designer

Did you refer to the TSG before filing this issue? https://aka.ms/lauxtsg

Yes

Workflow JSON

{
    "definition": {
        "$schema": "https://schema.management.azure.com/providers/Microsoft.Logic/schemas/2016-06-01/workflowdefinition.json#",
        "contentVersion": "1.0.0.0",
        "triggers": {
            "When_a_HTTP_request_is_received": {
                "type": "Request",
                "kind": "Http"
            }
        },
        "actions": {
            "Scope": {
                "type": "Scope",
                "actions": {
                    "Compose": {
                        "type": "Compose",
                        "inputs": "abcd"
                    }
                },
                "runAfter": {}
            },
            "For_each": {
                "type": "Foreach",
                "foreach": [
                    1,
                    2
                ],
                "actions": {},
                "runAfter": {}
            },
            "Condition": {
                "type": "If",
                "expression": {
                    "and": [
                        {
                            "equals": [
                                1,
                                1
                            ]
                        }
                    ]
                },
                "actions": {},
                "else": {
                    "actions": {}
                },
                "runAfter": {}
            },
            "Response": {
                "type": "Response",
                "kind": "Http",
                "inputs": {
                    "statusCode": 200
                },
                "runAfter": {
                    "For_each": [
                        "SUCCEEDED"
                    ]
                }
            },
            "Compose_1": {
                "type": "Compose",
                "inputs": "abcd",
                "runAfter": {
                    "For_each": [
                        "SUCCEEDED"
                    ]
                }
            },
            "Compose_2": {
                "type": "Compose",
                "inputs": "xyz",
                "runAfter": {
                    "For_each": [
                        "SUCCEEDED"
                    ]
                }
            },
            "Response_1": {
                "type": "Response",
                "kind": "Http",
                "inputs": {
                    "statusCode": 200
                },
                "runAfter": {
                    "Scope": [
                        "SUCCEEDED"
                    ],
                    "Condition": [
                        "SUCCEEDED"
                    ],
                    "Compose_1": [
                        "SUCCEEDED"
                    ]
                }
            }
        },
        "outputs": {},
        "parameters": {
            "$connections": {
                "type": "Object",
                "defaultValue": {}
            }
        }
    },
    "parameters": {
        "$connections": {
            "value": {}
        }
    }
}

Screenshots or Videos

Browser

Edge

Additional context

Version: 2.41028.1.6

[vgouth]

Issue repro in latest test pass

Version : 0.2022.1.796

[vgouth]

Issue repro in latest canary test pass
Version: 0.2022.1.806

[vgouth]

Issue repro in latest canary test pass
Version: 0.2022.1.811

[vgouth]

Issue repro in latest canary test pass
Version: 0.2022.1.811

[vgouth]

Issu repro in latest staging test pass

Version: 2.41231.2.4

[takyyon]

@Eric-B-Wu Can you take a look here please?

[Eric-B-Wu]

I think this is something we don't have much control over as this is rendered by React Flow. @rllyy97 correct me if I'm wrong

[vgouth]

Issue repro in latest stage test pass
Version: 2.50107.1.3

[vgouth]

Issue repro in latest staging test pass
Version: 2.50203.1.1