Install "body-scroll-lock" for Header slide menu

The drop down of the navigation link slide menu will start right below the header and take up the available height and width to cover the full screen. The added package's purpose provides methods to remove all scroll listeners from the underlying content (body) as soon as the animation starts. This prevents users from scrolling the content below the menu when the menu itself overflows the Y-axis and shows a scroll bar. Associated epics: GH-63, GH-2 GH-64
nordtheme · Dec 12, 2018 · 89c016c · 89c016c
1 parent db29be4
commit 89c016c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -81,6 +81,7 @@
     "webpack-bundle-analyzer": "3.0.3"
   },
   "dependencies": {
+    "body-scroll-lock": "2.6.1",
     "gatsby": "2.0.55",
     "gatsby-plugin-canonical-urls": "2.0.7",
     "gatsby-plugin-catch-links": "2.0.8",