From 084a49819f0021fee0a4b7c7aefdbe786b6c8ba3 Mon Sep 17 00:00:00 2001
From: Sakti Kr Chourasia <schourasia2013@gmail.com>
Date: Sat, 18 May 2019 11:27:57 +0530
Subject: [PATCH] fix: h3 topics with Markdown formatting causes a glitch on
 mobile (#1467)

* fixed h3 topics with Markdown formatting causes a glitch on mobile

* replaced currenttarget to headings for if check

* use var instead of es6
---
 packages/docusaurus-1.x/lib/core/nav/SideNav.js | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/docusaurus-1.x/lib/core/nav/SideNav.js b/packages/docusaurus-1.x/lib/core/nav/SideNav.js
index 59906b189c25..82d26f297bda 100644
--- a/packages/docusaurus-1.x/lib/core/nav/SideNav.js
+++ b/packages/docusaurus-1.x/lib/core/nav/SideNav.js
@@ -187,10 +187,16 @@ class SideNav extends React.Component {
               createToggler('#navToggler', '#docsNav', 'docsSliderActive');
               createToggler('#tocToggler', 'body', 'tocActive');
 
-              const headings = document.querySelector('.toc-headings');
+              var headings = document.querySelector('.toc-headings');
               headings && headings.addEventListener('click', function(event) {
-                if (event.target.tagName === 'A') {
-                  document.body.classList.remove('tocActive');
+                var el = event.target;
+                while(el !== headings){
+                  if (el.tagName === 'A') {
+                    document.body.classList.remove('tocActive');
+                    break;
+                  } else{
+                    el = el.parentNode;
+                  }
                 }
               }, false);