mirror of
https://github.com/facebook/docusaurus.git
synced 2025-08-06 10:20:09 +02:00
fix(v2): disable scroll while mobile menu open (#2129)
This commit is contained in:
parent
1ea8c3b11e
commit
5716953ff1
1 changed files with 3 additions and 3 deletions
|
@ -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">
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue