From 0c675639e0addb8dac32cd6a26a1509cf75a063d Mon Sep 17 00:00:00 2001
From: iamsivin <iamsivin@gmail.com>
Date: Wed, 15 Apr 2026 20:18:54 +0530
Subject: [PATCH] chore: Minor fix

---
 .../Pages/ArticleEditorPage/ArticleEditor.vue | 20 +++++++++++--------
 .../pages/PortalsArticlesEditPage.vue         |  7 +++++--
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/app/javascript/dashboard/components-next/HelpCenter/Pages/ArticleEditorPage/ArticleEditor.vue b/app/javascript/dashboard/components-next/HelpCenter/Pages/ArticleEditorPage/ArticleEditor.vue
index 3c5ebc8de..11c118603 100644
--- a/app/javascript/dashboard/components-next/HelpCenter/Pages/ArticleEditorPage/ArticleEditor.vue
+++ b/app/javascript/dashboard/components-next/HelpCenter/Pages/ArticleEditorPage/ArticleEditor.vue
@@ -1,6 +1,5 @@
 <script setup>
-import { ref, computed, watch, nextTick } from 'vue';
-import { useDocumentVisibility } from '@vueuse/core';
+import { ref, computed, watch } from 'vue';
 import { debounce } from '@chatwoot/utils';
 import { useI18n } from 'vue-i18n';
 import { ARTICLE_EDITOR_MENU_OPTIONS } from 'dashboard/constants/editor';
@@ -24,6 +23,10 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  refreshTick: {
+    type: Number,
+    default: 0,
+  },
 });
 
 const emit = defineEmits([
@@ -36,7 +39,6 @@ const emit = defineEmits([
 ]);
 
 const { t } = useI18n();
-const visibility = useDocumentVisibility();
 
 const isNewArticle = computed(() => !props.article?.id);
 
@@ -56,12 +58,14 @@ watch(
   }
 );
 
-// Sync local state when user returns to tab (fresh data from re-fetch)
-watch(visibility, state => {
-  if (state === 'visible') {
-    nextTick(syncLocalState);
+// Parent increments refreshTick after article re-fetch completes.
+// Syncing on this signal avoids visibility/fetch timing races.
+watch(
+  () => props.refreshTick,
+  () => {
+    syncLocalState();
   }
-});
+);
 
 const debouncedSave = debounce(value => emit('saveArticle', value), 500, false);
 
diff --git a/app/javascript/dashboard/routes/dashboard/helpcenter/pages/PortalsArticlesEditPage.vue b/app/javascript/dashboard/routes/dashboard/helpcenter/pages/PortalsArticlesEditPage.vue
index e49d4caa6..8f14087b4 100644
--- a/app/javascript/dashboard/routes/dashboard/helpcenter/pages/PortalsArticlesEditPage.vue
+++ b/app/javascript/dashboard/routes/dashboard/helpcenter/pages/PortalsArticlesEditPage.vue
@@ -28,6 +28,7 @@ const portal = computed(() => portalBySlug.value(portalSlug));
 
 const isUpdating = ref(false);
 const isSaved = ref(false);
+const refreshTick = ref(0);
 
 const articleLink = computed(() => {
   const { slug: categorySlug, locale: categoryLocale } = article.value.category;
@@ -86,11 +87,12 @@ const goBackToArticles = () => {
   }
 };
 
-const fetchArticleDetails = () => {
-  store.dispatch('articles/show', {
+const fetchArticleDetails = async () => {
+  await store.dispatch('articles/show', {
     id: articleSlug,
     portalSlug,
   });
+  refreshTick.value += 1;
 };
 
 const previewArticle = () => {
@@ -113,6 +115,7 @@ onMounted(fetchArticleDetails);
     :article="article"
     :is-updating="isUpdating"
     :is-saved="isSaved"
+    :refresh-tick="refreshTick"
     @save-article="saveArticle"
     @preview-article="previewArticle"
     @go-back="goBackToArticles"