Work around for IE11 sidenav navigation bug (#2198)

elastic · Aug 5, 2019 · 9d5634e · 9d5634e
1 parent 703d959
commit 9d5634e
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/src-docs/src/components/guide_page/guide_page_chrome.js b/src-docs/src/components/guide_page/guide_page_chrome.js
@@ -92,13 +92,18 @@ export class GuidePageChrome extends Component {
   };
 
   onClickRoute = () => {
-    this.setState(
-      {
-        search: '',
-        isSideNavOpenOnMobile: false,
-      },
-      this.scrollNavSectionIntoView
-    );
+    // timeout let's IE11 do its thing and update the url
+    // allowing react-router to navigate to the route
+    // otherwise IE11 somehow kills the navigation
+    setTimeout(() => {
+      this.setState(
+        {
+          search: '',
+          isSideNavOpenOnMobile: false,
+        },
+        this.scrollNavSectionIntoView
+      );
+    }, 0);
   };
 
   onButtonClick() {