From 14f89149c88956153c7856ef71782a33905c2f3f 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 a9e8b476412cc4fd4089e132ae0f6792372c0834)
---
 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 9ad45c8a..e8d58656 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