From c62f144bd72e70ecb86f94cd16eba36fb5c73d59 Mon Sep 17 00:00:00 2001
From: Kovid Goyal <kovid@kovidgoyal.net>
Date: Fri, 21 May 2021 11:53:59 +0530
Subject: [PATCH] Dont show border on parent elements when hovering over child
 elements

---
 resources/toc.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/resources/toc.js b/resources/toc.js
index b9ac1d99bc..f8a81d0d0d 100644
--- a/resources/toc.js
+++ b/resources/toc.js
@@ -43,8 +43,9 @@
         for (let elem of document.body.getElementsByTagName('*')) {  
             var style = window.getComputedStyle(elem);
             if (style.display === 'block' || style.display === 'flex-box' || style.display === 'box') {
-                elem.classList.add("calibre_toc_hover");
-                elem.onclick = onclick;
+                elem.addEventListener('click', onclick);
+                elem.addEventListener('mouseover', function(ev) { this.classList.add('calibre_toc_hover'); ev.stopPropagation(); });
+                elem.addEventListener('mouseout', function(ev) { this.classList.remove('calibre_toc_hover'); ev.stopPropagation(); });
             }
         }
     }