fix: scroll to anchor if url has hash

add a function in AsyncComponent to perform scrollIntoView in cDM
doczjs · Jan 21, 2019 · 389577f · 389577f
1 parent b3a6094
commit 389577f
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/core/docz/src/components/AsyncComponent.tsx b/core/docz/src/components/AsyncComponent.tsx
@@ -23,6 +23,7 @@ export class AsyncComponent extends Component<Props, State> {
 
   public componentDidMount(): void {
     this.fetch()
+    this.scrollToAnchor()
   }
 
   public render(): ReactNode {
@@ -54,4 +55,16 @@ export class AsyncComponent extends Component<Props, State> {
       }
     }
   }
+
+  private scrollToAnchor(): void {
+    setTimeout(() => {
+      if (location.hash) {
+        const id: string = location.hash.substring(1)
+        const el: HTMLElement | null = document.getElementById(id)
+        if (el) {
+          el.scrollIntoView()
+        }
+      }
+    }, 0)
+  }
 }