C4Context Boundary prevents items from laying out in order of listing

[GregEisenberg]

Description

I am expecting shapes to layout left to right in order that they are listed in the code.
I am using
UpdateLayoutConfig($c4ShapeInRow="3", $c4BoundaryInRow="5")
to control the width in terms of shapes per row.

This generally works as expected UNTIL a boundary is introduced.

Note I am using Mermaid via Notion.

Steps to reproduce

Starting with code like

C4Context
title Test Boundary bug
UpdateLayoutConfig($c4ShapeInRow="5", $c4BoundaryInRow="2") 
    Person(a_person, "A Person")
    Person(b_person, "B Person", "lorem ipsum dolor")
		
    System(system, "Inside Boundary System", "lorem ipsum dolor")

	Person_Ext(a_person_ext, "External Person")

I get expected results

BUT the moment a boundary is introduced the results are UNEXPECTED

C4Context
title Test Boundary bug
UpdateLayoutConfig($c4ShapeInRow="5", $c4BoundaryInRow="2") 
Boundary(a_boundary, "a boundary"){
    Person(a_person, "A Person")
    Person(b_person, "B Person", "lorem ipsum dolor")
		
    System(system, "Inside Boundary System", "lorem ipsum dolor")
}

	Person_Ext(a_person_ext, "External Person")

Screenshots

embedded in repro

Code Sample

embedded in repro

Setup

• Mermaid version: using Notion - can't tell what version it uses
• Browser and Version: Chrome Version 121.0.6167.160 (Official Build) (arm64)

Suggested Solutions

No response

Additional Context

No response