Close onPageNav, when after navigation on mobile devices

facebook · Jun 6, 2018 · 4ee2751 · 4ee2751
1 parent 852f1fc
commit 4ee2751
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/lib/core/nav/SideNav.js b/lib/core/nav/SideNav.js
@@ -39,10 +39,17 @@ class SideNav extends React.Component {
         <script
           dangerouslySetInnerHTML={{
             __html: `
-            (function() {
+            document.addEventListener('DOMContentLoaded', function() {
               createToggler('#navToggler', '#docsNav', 'docsSliderActive');
               createToggler('#tocToggler', 'body', 'tocActive');
 
+              const headings = document.querySelector('.toc-headings');
+              headings && headings.addEventListener('click', function(event) {
+                if (event.target.tagName === 'A') {
+                  document.body.classList.remove('tocActive');
+                }
+              }, false);
+
               function createToggler(togglerSelector, targetSelector, className) {
                 var toggler = document.querySelector(togglerSelector);
                 var target = document.querySelector(targetSelector);
@@ -53,7 +60,7 @@ class SideNav extends React.Component {
                   target.classList.toggle(className);
                 };
               }
-            }());
+            });
         `,
           }}
         />