Adding active column logic in a large menu (#3276)

* Adding active column logic in a large menu

* Apply suggestions from code review

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

libs/blocks/global-navigation/global-navigation.js

@@ -976,7 +976,15 @@ class Gnav {
 
     const makeTabActive = (popup) => {
       if (!popup?.querySelector('.tabs [aria-selected="true"]')) {
-        setTimeout(() => popup?.querySelector('.tab')?.click(), 100);
+        const { origin, pathname } = window.location;
+        const url = `${origin}${pathname}`;
+        setTimeout(() => {
+          const activeLink = [
+            ...popup.querySelectorAll('a:not([data-modal-hash])'),
+          ].find((el) => (el.href === url || el.href.startsWith(`${url}?`) || el.href.startsWith(`${url}#`)));
+          const tabIndex = activeLink ? +activeLink.parentNode.id : 0;
+          popup.querySelectorAll('.tab')[tabIndex]?.click();
+        }, 100);
       }
     };