Fixes keyboard support for Drilldown.

Added tabindex=0 to the sub-menu parents. Because they have no href attribute they were not focusable.

diff --git a/js/foundation.drilldown.js b/js/foundation.drilldown.js
index ca209de50246c0259b544fc636ee34a5a43645a5..f7f3d58635efdf3853091f3d3cc97813c9dd99ec 100644 (file)
--- a/js/foundation.drilldown.js
+++ b/js/foundation.drilldown.js
@@ -71,7 +71,7 @@ class Drilldown {
       if(_this.options.parentLink){
         $link.clone().prependTo($sub.children('[data-submenu]')).wrap('<li class="is-submenu-parent-item is-submenu-item is-drilldown-submenu-item" role="menu-item"></li>');
       }
-      $link.data('savedHref', $link.attr('href')).removeAttr('href');
+      $link.data('savedHref', $link.attr('href')).removeAttr('href').attr('tabindex', 0);
       $link.children('[data-submenu]')
           .attr({
             'aria-hidden': true,
@@ -149,6 +149,8 @@ class Drilldown {
         }
       });
 
+      console.log('Next:', $nextElement, 'Prev', $prevElement);
+
       Foundation.Keyboard.handleKey(e, 'Drilldown', {
         next: function() {
           if ($element.is(_this.$submenuAnchors)) {