DP-19866: Scroll issue fix (#1174)

* DP-19866: Scroll issue fix * DP-19866: Scroll to menu for desktop
massgov · Sep 16, 2020 · f3f6a40 · f3f6a40
1 parent 76f865c
commit f3f6a40
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/patternlab/styleguide/source/assets/js/modules/mainNavHamburger.js b/patternlab/styleguide/source/assets/js/modules/mainNavHamburger.js
@@ -496,6 +496,10 @@ function closeMenu() {
 function commonCloseMenuTasks() {
   body.classList.remove("show-menu");
 
+  if (document.querySelector('html.stickyTOCtmp')) {
+    document.querySelector('html.stickyTOCtmp').classList.add('stickyTOC');
+    document.querySelector('html.stickyTOCtmp').classList.remove('stickyTOCtmp');
+  }
   menuButton.setAttribute("aria-expanded", "false");
   menuButton.setAttribute("aria-label", "Open the main menu for mass.gov");
 
@@ -516,7 +520,7 @@ function openMenu() {
   commonOpenMenuTasks();
   menuButton.setAttribute("aria-pressed", "true");
   let alertsInterface = document.querySelector('.ma__emergency-alerts__interface');
-  if (document.querySelector("body").clientWidth < 841 && alertsInterface !== null) {
+  if (alertsInterface !== null) {
     let emergencyAlerts = document.querySelector(".ma__emergency-alerts");
     let scrollOffset = emergencyAlerts.offsetHeight - (alertsInterface.offsetHeight/1.5);
 
@@ -561,6 +565,11 @@ function openMenu() {
 function commonOpenMenuTasks() {
   body.classList.add("show-menu");
 
+  if (document.querySelector('html.stickyTOC')) {
+    document.querySelector('html.stickyTOC').classList.add('stickyTOCtmp');
+    document.querySelector('html.stickyTOC').classList.remove('stickyTOC');
+  }
+
   menuButton.setAttribute("aria-expanded", "true");
   menuButton.setAttribute("aria-label", "Close the main menu for mass.gov");
   if (feedbackButton) {