From 7178a22c9d317245e5167abf80f7081fbf87e78a Mon Sep 17 00:00:00 2001
From: Divyansh Singh <40380293+brc-dd@users.noreply.github.com>
Date: Sun, 16 Apr 2023 00:57:23 +0530
Subject: [PATCH] fix(theme): fix top of scrollbar being unusable (#2224)

---
 src/client/theme-default/components/VPNavBar.vue  | 5 +++++
 src/client/theme-default/components/VPSidebar.vue | 1 +
 2 files changed, 6 insertions(+)

diff --git a/src/client/theme-default/components/VPNavBar.vue b/src/client/theme-default/components/VPNavBar.vue
index eef1542e..bccf5c68 100644
--- a/src/client/theme-default/components/VPNavBar.vue
+++ b/src/client/theme-default/components/VPNavBar.vue
@@ -98,6 +98,11 @@ const classes = computed(() => ({
   pointer-events: none;
 }
 
+.container > .title,
+.container > .content {
+  pointer-events: none;
+}
+
 .container :deep(*) {
   pointer-events: auto;
 }
diff --git a/src/client/theme-default/components/VPSidebar.vue b/src/client/theme-default/components/VPSidebar.vue
index 7e093bbe..16f0aadd 100644
--- a/src/client/theme-default/components/VPSidebar.vue
+++ b/src/client/theme-default/components/VPSidebar.vue
@@ -74,6 +74,7 @@ watchPostEffect(async () => {
   overflow-y: auto;
   transform: translateX(-100%);
   transition: opacity 0.5s, transform 0.25s ease;
+  overscroll-behavior: contain;
 }
 
 .VPSidebar.open {