diff options
Diffstat (limited to 'src/components/organisms/navbar/navbar-item/navbar-item.tsx')
| -rw-r--r-- | src/components/organisms/navbar/navbar-item/navbar-item.tsx | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/components/organisms/navbar/navbar-item/navbar-item.tsx b/src/components/organisms/navbar/navbar-item/navbar-item.tsx index 993b613..367b871 100644 --- a/src/components/organisms/navbar/navbar-item/navbar-item.tsx +++ b/src/components/organisms/navbar/navbar-item/navbar-item.tsx @@ -1,3 +1,4 @@ +/* eslint-disable max-statements */ import { type ReactNode, useCallback, @@ -11,6 +12,7 @@ import { useOnRouteChange, type useOnClickOutsideHandler, useTimeout, + useScrollLock, } from '../../../../utils/hooks'; import { Checkbox, @@ -115,6 +117,7 @@ const NavbarItemWithRef: ForwardRefRenderFunction< const modalRef = useOnClickOutside<HTMLDivElement>(deactivateItem); useOnRouteChange(deactivate, 'end'); + useScrollLock(isActive); const handleActivation = useCallback(() => { if (onActivation) onActivation(isActive); @@ -165,7 +168,7 @@ const NavbarItemWithRef: ForwardRefRenderFunction< </Flip> )} </Label> - <Overlay className={styles.overlay} isVisible={isActive}> + <Overlay className={styles.overlay}> <Modal className={styles.modal} heading={ |