From a8ccbeb0770f4c749d3b61e303d2a374542cfa99 Mon Sep 17 00:00:00 2001
From: shamalainen <sebastian@hamse.fi>
Date: Tue, 16 Mar 2021 11:44:07 +0200
Subject: [PATCH] Add scroll lock when mobile menu is open
---
src/components/site-header/site-header.tsx | 7 +++++++
1 file changed, 7 insertions(+)
diff --git a/src/components/site-header/site-header.tsx b/src/components/site-header/site-header.tsx
index 8ceb92a4..deda0265 100644
--- a/src/components/site-header/site-header.tsx
+++ b/src/components/site-header/site-header.tsx
@@ -72,6 +72,13 @@ export class SiteHeader {
@Listen('mobileMenuToggle') mobileMenuToggle() {
this.isMenuOpen = !this.isMenuOpen;
this.menuMobileToggled.emit();
+ let bodyElement = document.getElementsByTagName('body')[0] as HTMLElement;
+
+ if (this.isMenuOpen) {
+ bodyElement.style.overflow = 'hidden';
+ } else {
+ bodyElement.style.overflow = 'initial';
+ }
}
// Listener for toggling mobile menu top panel on or off.
--
GitLab