# HG changeset patch
# User Sebastien Jodogne <s.jodogne@gmail.com>
# Date 1788771724 -7200
# Node ID ea5cfc37aac784b3f4f67ddd4dbb83d5b7420851
# Parent  be8f2691d1f01ec00e37f79ce806a6078c51062c
fix menu layout at startup

diff -r be8f2691d1f0 -r ea5cfc37aac7 ViewerPlugin/WebApplication/viewer.js
--- a/ViewerPlugin/WebApplication/viewer.js	Mon Sep 07 10:51:52 2026 +0200
+++ b/ViewerPlugin/WebApplication/viewer.js	Mon Sep 07 11:02:04 2026 +0200
@@ -44,7 +44,7 @@
 
       // UI state
       toolbarsVisible: false,
-      panelOpen: true,
+      panelOpen: false,
       mapBackground: '',
       rotationDeg: 0,
       activeDrawTool: null,
@@ -604,8 +604,23 @@
       var toggle = document.getElementById('right-panel-toggle');
       var isResizing = false;
 
+      // Ensure the initial chevron direction matches the real offcanvas state.
+      that.panelOpen = panel.classList.contains('show');
+
       function ResizingLoop() {
-        toggle.style.right = (window.innerWidth - panel.getBoundingClientRect().left) + 'px';
+        // If the offcanvas is hidden (e.g. before workspace load), its left edge can be 0,
+        // which would incorrectly move the toggle off-screen. Clamp to [0, panelWidth].
+        var panelRect = panel.getBoundingClientRect();
+        var panelWidth = Math.max(0, panelRect.width || 0);
+        var right = window.innerWidth - panelRect.left;
+
+        if (!isFinite(right)) {
+          right = 0;
+        }
+
+        right = Math.max(0, Math.min(right, panelWidth));
+        toggle.style.right = right + 'px';
+
         if (isResizing) {
           requestAnimationFrame(ResizingLoop);
         }
@@ -634,6 +649,9 @@
         StartResizing();
       });
       panel.addEventListener('shown.bs.offcanvas', StopResizing);
+
+      // Keep the toggle aligned if viewport size changes.
+      window.addEventListener('resize', StopResizing);
     },
 
     // -----------------------------------------------------------------------