From f926f5e500f7d69d82bc6e5a81cf1cb3a45a93c1 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Wed, 10 Jun 2026 14:33:35 +0530
Subject: [PATCH] fix: navigating once an article is open

---
 app/javascript/widget/App.vue                 | 7 ++++++-
 app/javascript/widget/views/ArticleViewer.vue | 7 ++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/javascript/widget/App.vue b/app/javascript/widget/App.vue
index 8b1d28c61..0d456fa83 100755
--- a/app/javascript/widget/App.vue
+++ b/app/javascript/widget/App.vue
@@ -177,7 +177,12 @@ export default {
         locale,
         prefersDarkMode: this.prefersDarkMode,
       });
-      this.router.push({ name: 'article-viewer', query: { link } });
+      // Add a timestamp so the route always changes, even when the same article
+      // is requested again or the iframe was browsed to another page.
+      this.router.push({
+        name: 'article-viewer',
+        query: { link, v: Date.now() },
+      });
     },
     registerUnreadEvents() {
       emitter.on(ON_AGENT_MESSAGE_RECEIVED, () => {
diff --git a/app/javascript/widget/views/ArticleViewer.vue b/app/javascript/widget/views/ArticleViewer.vue
index 9289d0546..bb04efcc4 100644
--- a/app/javascript/widget/views/ArticleViewer.vue
+++ b/app/javascript/widget/views/ArticleViewer.vue
@@ -11,6 +11,11 @@ export default {
 
 <template>
   <div class="bg-white h-full">
-    <IframeLoader :url="$route.query.link" />
+    <!--
+      Key by fullPath (not just the link) so the iframe remounts on every
+      navigation here, including re-opening the same article via the SDK after
+      the iframe was browsed to another help-center page. See App.vue#openArticle.
+    -->
+    <IframeLoader :key="$route.fullPath" :url="$route.query.link" />
   </div>
 </template>