From afa865765b5aa20bad076a94becc19fff652e435 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 22 Mar 2025 10:36:54 +0200
Subject: [PATCH] fix(mermaid): split on vertical layout

---
 .../app/widgets/type_widgets/abstract_split_type_widget.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/public/app/widgets/type_widgets/abstract_split_type_widget.ts b/src/public/app/widgets/type_widgets/abstract_split_type_widget.ts
index 7b40d2883..7e008ba7d 100644
--- a/src/public/app/widgets/type_widgets/abstract_split_type_widget.ts
+++ b/src/public/app/widgets/type_widgets/abstract_split_type_widget.ts
@@ -164,8 +164,13 @@ export default abstract class AbstractSplitTypeWidget extends TypeWidget {
             return;
         }
 
+        let elements = [ this.$firstCol[0], this.$secondCol[0] ];
+        if (this.layoutOrientation === "vertical") {
+            elements.reverse();
+        }
+
         this.splitInstance?.destroy();
-        this.splitInstance = Split([ this.$firstCol[0], this.$secondCol[0] ], {
+        this.splitInstance = Split(elements, {
             sizes: [ 50, 50 ],
             direction: this.layoutOrientation,
             gutterSize: DEFAULT_GUTTER_SIZE,