From d01b51bd5bd47518e3e7bfee48fb844e0ac0c076 Mon Sep 17 00:00:00 2001
From: bruno <bruno.charest@gmail.com>
Date: Sun, 12 Jul 2026 14:40:29 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20menu=20dropdown=20=E2=80=94=203=20correc?=
 =?UTF-8?q?tions=20pour=20que=20le=20menu=20s'ouvre=20enfin?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. @click="workspaceMenuOpen = !workspaceMenuOpen" inline (pas toggleWorkspaceMenu)
2. @click.away (pas click.outside) — click.away ignore le clic sur le trigger
3. Wrapper <div style=position:relative> autour header+dropdown →
   position:absolute s'ancre correctement, header et dropdown sont siblings
   donc le clic header ne déclenche PAS le @click.away du dropdown
---
 app/templates/base.html | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/templates/base.html b/app/templates/base.html
index bb0fb20..a3bf7d4 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -59,8 +59,9 @@
          :class="{ collapsed: sidebarCollapsed, 'mobile-open': mobileSidebarOpen }"
          id="sidebar"
          x-init="$nextTick(() => { if(typeof initTreeSortable==='function') initTreeSortable(); })">
-    <!-- Workspace header styled like Notion -->
-    <div class="sidebar-workspace-header" @click="toggleWorkspaceMenu" @mouseenter="wsHeaderHover=true" @mouseleave="wsHeaderHover=false"
+    <!-- Header + dropdown wrapper -->
+    <div style="position:relative;">
+    <div class="sidebar-workspace-header" @click="workspaceMenuOpen = !workspaceMenuOpen" @mouseenter="wsHeaderHover=true" @mouseleave="wsHeaderHover=false"
          :class="{ hover: wsHeaderHover || workspaceMenuOpen }">
       <div class="workspace-info">
         <div class="workspace-avatar">{{ workspaceInitial }}</div>
@@ -71,8 +72,7 @@
         <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="11 17 6 12 11 7"/><polyline points="18 17 13 12 18 7"/></svg>
       </button>
     </div>
-    <!-- User menu dropdown -->
-    <div class="user-menu-dropdown" x-show="workspaceMenuOpen" @click.outside="workspaceMenuOpen=false" x-transition>
+    <div class="user-menu-dropdown" x-show="workspaceMenuOpen" @click.away="workspaceMenuOpen = false" x-transition>
       <div class="um-user-info">
         <div class="um-avatar">{{ workspaceInitial }}</div>
         <div>
@@ -86,6 +86,7 @@
       <div class="um-sep"></div>
       <a href="/auth/logout" class="um-item um-danger" @click="workspaceMenuOpen=false">🚪 Log out</a>
     </div>
+    </div>
 
     <!-- Navigation icons row -->
     <div class="sidebar-nav-row">