diff --git a/packages/nc-gui/composables/useExtensions.ts b/packages/nc-gui/composables/useExtensions.ts index 626a30c95e..5bff28067e 100644 --- a/packages/nc-gui/composables/useExtensions.ts +++ b/packages/nc-gui/composables/useExtensions.ts @@ -108,15 +108,15 @@ export const useExtensions = createSharedComposable(() => { } watch( - [base, activeBaseExtensions], + base, () => { extensionPanelSize.value = +panelState.value[base.value.id!]?.width || 40 isPanelExpanded.value = panelState.value[base.value.id!]?.isOpen || false - savePanelState() }, { immediate: true }, ) + // Debounce since width is updated continuously when user drags. watchDebounced([extensionPanelSize, isPanelExpanded], savePanelState, { debounce: 500, maxWait: 1000 }) const toggleExtensionPanel = () => {