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 (file)
--- 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 (file)
--- 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 (file)
--- 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;
 }