fix(v2): disable scroll while mobile menu open (#2129)

This commit is contained in:
Alexey Pyltsyn 2019-12-18 03:38:36 +03:00 committed by Yangshun Tay
parent 1ea8c3b11e
commit 5716953ff1

View file

@ -54,9 +54,11 @@ function Navbar() {
const {navbarRef, isNavbarVisible} = useHideableNavbar(hideOnScroll); const {navbarRef, isNavbarVisible} = useHideableNavbar(hideOnScroll);
const showSidebar = useCallback(() => { const showSidebar = useCallback(() => {
document.body.style.overflow = 'hidden';
setSidebarShown(true); setSidebarShown(true);
}, [setSidebarShown]); }, [setSidebarShown]);
const hideSidebar = useCallback(() => { const hideSidebar = useCallback(() => {
document.body.style.overflow = 'visible';
setSidebarShown(false); setSidebarShown(false);
}, [setSidebarShown]); }, [setSidebarShown]);
@ -140,9 +142,7 @@ function Navbar() {
<div <div
role="presentation" role="presentation"
className="navbar-sidebar__backdrop" className="navbar-sidebar__backdrop"
onClick={() => { onClick={hideSidebar}
setSidebarShown(false);
}}
/> />
<div className="navbar-sidebar"> <div className="navbar-sidebar">
<div className="navbar-sidebar__brand"> <div className="navbar-sidebar__brand">