From 69e43c898ef1082b674261852d1ef94b3139fc23 Mon Sep 17 00:00:00 2001
From: nidrissi-zouggari <nouhaila.idrissi-zouggari@al-enterprise.com>
Date: Wed, 15 Oct 2025 11:50:10 +0200
Subject: [PATCH] MT#63758 Fix 'ResizeObserver loop' Error

The issue was caused by a conditional(v-if=!menuMinimized) inside the <q-toolbar>.

menuMinimized property controls whether the side menu is collapsed
or expanded and affects multiple components.

When it changes (on hover or pin toggle), the layout width updates,
which can trigger the ResizeObserver.

Using v-if was recreating/destroying the element each time,
causing unnecessary layout recalculations.

The solution is to replace it with v-show="!menuPinned" which keeps
the element in the DOM (only toggles display), preventing extra
ResizeObserver triggers and making transitions smoother.

Change-Id: I2e544bb0451cc6a17a4bbeaf482ce678173adcd4
---
 src/layouts/CscLayoutMain.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/CscLayoutMain.vue b/src/layouts/CscLayoutMain.vue
index 21078c56..28b91c38 100644
--- a/src/layouts/CscLayoutMain.vue
+++ b/src/layouts/CscLayoutMain.vue
@@ -80,7 +80,7 @@
                 />
             </q-toolbar>
             <q-toolbar
-                v-if="menuMinimized"
+                v-show="!menuPinned"
                 inset
             >
                 <q-item