From 4fce89eba805f8e0927e766985817da1ca5743fe 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
(cherry picked from commit 69e43c898ef1082b674261852d1ef94b3139fc23)
(cherry picked from commit 23c67dadd7a254e225ad0cb01690e2dc7155d29c)
---
 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