From: Dan Allen <dan@opendevise.com>
Date: Thu, 23 Dec 2021 09:48:55 +0000 (-0700)
Subject: resolves #181 prevent overscroll event in scrollable region from bubbling
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=fb151724b216322520c5d07e3ee44ee8b03ab099;p=eg-antora.git

resolves #181 prevent overscroll event in scrollable region from bubbling
---

diff --git a/src/css/header.css b/src/css/header.css
index 3914010..db9ee52 100644
--- a/src/css/header.css
+++ b/src/css/header.css
@@ -188,6 +188,7 @@ body {
     box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
     max-height: var(--body-min-height);
     overflow-y: auto;
+    overscroll-behavior: none;
     padding: 0.5rem 0;
   }
 
diff --git a/src/css/nav.css b/src/css/nav.css
index 06e2eeb..c8c2b40 100644
--- a/src/css/nav.css
+++ b/src/css/nav.css
@@ -62,6 +62,7 @@ html.is-clipped--nav {
 
 .nav-panel-menu {
   overflow-y: scroll;
+  overscroll-behavior: none;
   height: var(--nav-panel-menu-height);
 }
 
diff --git a/src/css/toc.css b/src/css/toc.css
index 14a0c72..429bc13 100644
--- a/src/css/toc.css
+++ b/src/css/toc.css
@@ -35,6 +35,7 @@
 .toc.sidebar .toc-menu ul {
   max-height: var(--toc-height);
   overflow-y: auto;
+  overscroll-behavior: none;
   scrollbar-width: none;
 }