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 69e43c898e)
(cherry picked from commit a9e8b47641)
mr12.5.1
nidrissi-zouggari 1 month ago committed by Nouhaila Idrissi-Zouggari
parent f7768d3564
commit 14f89149c8

@ -80,7 +80,7 @@
/>
</q-toolbar>
<q-toolbar
v-if="menuMinimized"
v-show="!menuPinned"
inset
>
<q-item

Loading…
Cancel
Save