fix(www): search not initializing after client-side routing (#9230)

Fixes #8567
gatsbyjs · Oct 23, 2018 · a9796aa · a9796aa
1 parent 09e447c
commit a9796aa
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/www/src/components/search-form.js b/www/src/components/search-form.js
@@ -273,6 +273,10 @@ class SearchForm extends Component {
     navigate(`${a.pathname}${a.hash}`)
   }
   init() {
+    if (this.algoliaInitialized) {
+      return
+    }
+
     window.addEventListener(
       `autocomplete:selected`,
       this.autocompleteSelected,
@@ -290,6 +294,7 @@ class SearchForm extends Component {
         keyboardShortcuts: [`s`],
       },
     })
+    this.algoliaInitialized = true
   }
   componentDidMount() {
     if (
@@ -306,13 +311,23 @@ class SearchForm extends Component {
       document.head.appendChild(link)
     }
   }
+  componentWillUnmount() {
+    window.removeEventListener(
+      `autocomplete:selected`,
+      this.autocompleteSelected,
+      true
+    )
+  }
   loadAlgoliaJS() {
-    !loadedJs &&
+    if (!loadedJs) {
       loadJS().then(a => {
         loadedJs = true
         window.docsearch = a.default
         this.init()
       })
+    } else {
+      this.init()
+    }
   }
   render() {
     const { focussed } = this.state