From fb151724b216322520c5d07e3ee44ee8b03ab099 Mon Sep 17 00:00:00 2001
From: Dan Allen <dan@opendevise.com>
Date: Thu, 23 Dec 2021 02:48:55 -0700
Subject: [PATCH] resolves #181 prevent overscroll event in scrollable region
 from bubbling

---
 src/css/header.css | 1 +
 src/css/nav.css    | 1 +
 src/css/toc.css    | 1 +
 3 files changed, 3 insertions(+)

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;
 }
 
-- 
2.11.0