fix(unified-header): fixed keyboard event on the left nav link (#264)

Author: marijohannessen

src/components/unified-header/left-nav.js

@@ -220,6 +220,7 @@ class LeftNav extends mixin(createComponent, initComponentBySearch) {
             const childItem = eventMatches(evt, this.options.selectorLeftNavNestedListItem);
             const hasChildren = eventMatches(evt, this.options.selectorLeftNavListItemHasChildren);
             const flyoutItem = eventMatches(evt, this.options.selectorLeftNavFlyoutItem);
+            const hasLinkItem = !(leftNavItem.querySelector(this.options.selectorLeftNavListItemLink) === undefined);
             if (flyoutItem) {
               this.addActiveListItem(flyoutItem);
             } else if (childItem) {
@@ -234,6 +235,9 @@ class LeftNav extends mixin(createComponent, initComponentBySearch) {
               }
             } else if (hasChildren) {
               this.handleNestedListClick(leftNavItem);
+            } else if (hasLinkItem) {
+              const link = leftNavItem.querySelector(this.options.selectorLeftNavListItemLink);
+              link.click();
             } else {
               this.addActiveListItem(leftNavItem);
             }

src/components/unified-header/unified-header.html

@@ -280,7 +280,7 @@
               </ul>
             </li>
             <li role="menuitem" class="bx--main-nav__parent-item" data-left-nav-item tabindex="0">
-              <a class="bx--parent-item__link" href="#" title="Example Item" tabindex="-1" aria-haspopup="true" data-left-nav-item-link>
+              <a class="bx--parent-item__link" href="#" title="Example Item" tabindex="-1" data-left-nav-item-link>
                 <svg class="bx--parent-item__link--taxonomy-icon">
                   <use xlink:href="/carbon-icons/bluemix-icons.svg#icon--apps"></use>
                 </svg>