From 0a91d840be5a5e1c179526819ebbf43c32eb7c88 Mon Sep 17 00:00:00 2001
From: Olivier <olivier@raspot.in>
Date: Mon, 18 May 2026 08:09:06 +0200
Subject: [PATCH] fix: keep layout always in DOM via v-show to avoid Firefox
 click dispatch bug

Replace v-if/v-else-if/v-else auth guard with v-if on LoginPage and
v-show on the layout div. Firefox fails to dispatch clicks to children
after a DOM node is inserted into a display:flex container; using v-show
means the layout is always present (just display:none), so no node
replacement ever occurs in .app-root. Move the forced AccountModal
(mustChangePassword) inside the layout as a first child with v-if.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/App.vue | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index fedcf4f..7120695 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -2,13 +2,12 @@
   <div class="app-root">
   <LoginPage v-if="!isAuthenticated" @login="onLogin" />
 
-  <AccountModal
-    v-else-if="mustChangePassword"
-    :forced="true"
-    @updated="onAccountUpdated"
-  />
-
-  <div v-else class="layout">
+  <div v-show="isAuthenticated" class="layout">
+    <AccountModal
+      v-if="mustChangePassword"
+      :forced="true"
+      @updated="onAccountUpdated"
+    />
     <aside class="sidebar">
       <div class="logo">
         <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">