From b0590c81f236fb12f00e3f031a3b424517ac6ba5 Mon Sep 17 00:00:00 2001 From: sk1982 Date: Sun, 7 Apr 2024 02:48:23 -0400 Subject: [PATCH] fix: scrolling on swiping to open menu --- src/app/(with-header)/header-sidebar.tsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/app/(with-header)/header-sidebar.tsx b/src/app/(with-header)/header-sidebar.tsx index 82a7bfb..0e5e417 100644 --- a/src/app/(with-header)/header-sidebar.tsx +++ b/src/app/(with-header)/header-sidebar.tsx @@ -73,6 +73,7 @@ export const HeaderSidebar = ({ children }: HeaderSidebarProps) => { setMenuTranslate(null); setNotificationsTranslate(null); + document.body.classList.remove('touch-none', 'overflow-hidden'); }, onSwipeStart: e => { if (e.dir === 'Down' || e.dir === 'Up') return; @@ -97,9 +98,11 @@ export const HeaderSidebar = ({ children }: HeaderSidebarProps) => { if ((isMenuOpen && e.dir === 'Left') || (allMenusClosed && e.dir === 'Right' && xPercent <= 0.6)) { setMenuTranslate(e.deltaX); e.event.preventDefault(); + document.body.classList.add('touch-none', 'overflow-hidden'); } else if ((isNotificationsOpen && e.dir === 'Right' || (allMenusClosed && e.dir === 'Left' && xPercent >= 0.4))) { setNotificationsTranslate(e.deltaX); e.event.preventDefault(); + document.body.classList.add('touch-none', 'overflow-hidden'); } }, onSwiping: e => {