Merge pull request #188 from moiz-deriv/moiz/refactor-mobile-menu-lan…

…guage-scroll Moiz/WFLOW-2449/refactor mobile menu language scroll and height calculation
deriv-com · Oct 23, 2024 · 852f2f1 · 852f2f1
2 parents 2a4da5c + 4baf42e
commit 852f2f1
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/js/footer/index.js b/src/js/footer/index.js
@@ -21,3 +21,4 @@ import "./removeHrefLang";
 import "./displayCurrentLang";
 import "./languageCookie";
 import "./p2pRedirection";
+import "./mobileMenuLanguageScroll";
diff --git a/src/js/footer/mobileMenuLanguageScroll/index.js b/src/js/footer/mobileMenuLanguageScroll/index.js
@@ -0,0 +1,14 @@
+// this code ensures opening a list of languages on mobile starting from the top
+document.addEventListener("DOMContentLoaded", function () {
+  let langMobButton = document.querySelector(".lang-mob");
+  if (langMobButton) {
+    langMobButton.addEventListener("click", function () {
+      let mobileMenuWrapper = document.querySelector(
+        ".new-navbar_menu-wrapper"
+      );
+      if (mobileMenuWrapper) {
+        mobileMenuWrapper.scrollBy({ top: -3000 });
+      }
+    });
+  }
+});