DP-20092 Fix menu issues affecting COVID-19 unemployment page with ne…

…w global nav (#1197) * Added bind for tabbing function body truncation - DP-20092 * Added changelog
massgov · Oct 5, 2020 · 30032c5 · 30032c5
1 parent c6f39c6
commit 30032c5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/changelogs/DP-20092.yml b/changelogs/DP-20092.yml
@@ -0,0 +1,6 @@
+Fixed:
+  - project: Patternlab
+    component: Header
+    description: Fixed global nav issues when text truncation enabled. (#1197)
+    issue: DP-20092
+    impact: Patch
diff --git a/patternlab/styleguide/source/assets/js/helpers/truncateBodyText.js b/patternlab/styleguide/source/assets/js/helpers/truncateBodyText.js
@@ -69,7 +69,7 @@ var removeTruncation = function($el) {
  * Make elements focusable or not focusable based on expansion/collapse
  * of content area.
  */
-var toggleTabindexes = function($focusableEls, expanded) {
+var toggleTabindexes = (function($focusableEls, expanded, $) {
   if(expanded) {
     $focusableEls.each(function(i, el) {
       var $el = $(el);
@@ -93,8 +93,8 @@ var toggleTabindexes = function($focusableEls, expanded) {
 
       $el.attr('tabindex', '-1');
     });
-  }  
-};
+  }
+}).bind(undefined, jQuery);
 
 /**
  * Turn on truncation (if height requires it) based on previous calculations.