From 8ff165a2b5a4580d2a2f899db1e5768dc792ead0 Mon Sep 17 00:00:00 2001
From: Sydney Achinger <sydneynicoleachinger@spotify.com>
Date: Fri, 20 Oct 2023 14:58:51 -0400
Subject: [PATCH] Add path to dependency array to fix FireFox issue.

Signed-off-by: Sydney Achinger <sydneynicoleachinger@spotify.com>
---
 .../TechDocsReaderPageContent.tsx                          | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/plugins/techdocs/src/reader/components/TechDocsReaderPageContent/TechDocsReaderPageContent.tsx b/plugins/techdocs/src/reader/components/TechDocsReaderPageContent/TechDocsReaderPageContent.tsx
index 8508c59142..f4c5ad8745 100644
--- a/plugins/techdocs/src/reader/components/TechDocsReaderPageContent/TechDocsReaderPageContent.tsx
+++ b/plugins/techdocs/src/reader/components/TechDocsReaderPageContent/TechDocsReaderPageContent.tsx
@@ -81,19 +81,22 @@ export const TechDocsReaderPageContent = withTechDocsReaderProvider(
       setShadowRoot,
     } = useTechDocsReaderPage();
     const dom = useTechDocsReaderDom(entityRef);
+    const path = window.location.pathname;
     const hash = window.location.hash;
     const isStyleLoading = useShadowDomStylesLoading(dom);
     const [hashElement] = useShadowRootElements([`[id="${hash.slice(1)}"]`]);
 
     useEffect(() => {
+      if (isStyleLoading) return;
+
       if (hash) {
-        if (hashElement && !isStyleLoading) {
+        if (hashElement) {
           hashElement.scrollIntoView();
         }
       } else {
         document?.querySelector('header')?.scrollIntoView();
       }
-    }, [hash, hashElement, isStyleLoading]);
+    }, [path, hash, hashElement, isStyleLoading]);
 
     const handleAppend = useCallback(
       (newShadowRoot: ShadowRoot) => {