fix(docs): ensure page scrolls to anchor on load when linked

instructure · Sep 12, 2024 · 6928c97 · 6928c97
1 parent ef97c7c
commit 6928c97
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/packages/__docs__/src/App/index.tsx b/packages/__docs__/src/App/index.tsx
@@ -229,13 +229,10 @@ class App extends Component<AppProps, AppState> {
     fetch('markdown-and-sources-data.json', { signal })
       .then((response) => response.json())
       .then((docsData) => {
-        this.setState(
-          {
-            docsData,
-            themeKey: Object.keys(docsData.themes)[0]
-          },
-          this.scrollToElement
-        )
+        this.setState({
+          docsData,
+          themeKey: Object.keys(docsData.themes)[0]
+        })
       })
       .catch(errorHandler)
   }
@@ -443,7 +440,12 @@ class App extends Component<AppProps, AppState> {
         }
         // eslint-disable-next-line no-param-reassign
         data.children = children
-        this.setState({ currentDocData: data })
+        this.setState(
+          {
+            currentDocData: data
+          },
+          this.scrollToElement
+        )
       })
       return (
         <View as="div" padding="xx-large 0">