From caa608cd5c74e331661bde08990a07ab23d8308e Mon Sep 17 00:00:00 2001
From: Tymur Biedukhin <tymur.biedukhin@bigcommerce.com>
Date: Tue, 21 Jul 2020 15:29:23 +0300
Subject: [PATCH] fix(storefront): BCTHEME-63 As a Shopper I want to open the
 wishlist menu using the keyboard

---
 .../components/common/wishlist-dropdown.html  | 26 +++++++++++++------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/templates/components/common/wishlist-dropdown.html b/templates/components/common/wishlist-dropdown.html
index 635e3901b1..dda1f5d98a 100644
--- a/templates/components/common/wishlist-dropdown.html
+++ b/templates/components/common/wishlist-dropdown.html
@@ -1,5 +1,10 @@
 <form action="{{product.add_to_wishlist_url}}" class="form form-wishlist form-action" data-wishlist-add method="post">
-    <a aria-controls="wishlist-dropdown" aria-expanded="false" class="button dropdown-menu-button" data-dropdown="wishlist-dropdown">
+    <a aria-controls="wishlist-dropdown"
+       aria-expanded="false"
+       class="button dropdown-menu-button"
+       data-dropdown="wishlist-dropdown"
+       href="#"
+    >
         <span>{{lang 'account.wishlists.add_item'}}</span>
         <i aria-hidden="true" class="icon">
             <svg>
@@ -7,13 +12,18 @@
             </svg>
         </i>
     </a>
-    <ul aria-hidden="true" class="dropdown-menu" data-dropdown-content id="wishlist-dropdown" tabindex="-1">
-        {{#if customer.wishlists}} {{#each customer.wishlists}}
-        <li>
-            <input class="button {{#if this.num_items '!==' '0'}}button--has-items{{/if}}" formaction="{{this.add_url}}&product_id={{../product.id}}"
-                type="submit" value="{{this.name}}">
-        </li>
-        {{/each}} {{else}}
+    <ul aria-hidden="true" class="dropdown-menu" data-dropdown-content id="wishlist-dropdown">
+        {{#if customer.wishlists}}
+            {{#each customer.wishlists}}
+                <li>
+                    <input class="button {{#if this.num_items '!==' '0'}}button--has-items{{/if}}"
+                           formaction="{{this.add_url}}&product_id={{../product.id}}"
+                           type="submit"
+                           value="{{this.name}}"
+                    >
+                </li>
+            {{/each}}
+        {{else}}
         <li>
             <input class="button" type="submit" value="{{lang 'account.wishlists.add_to_default'}}">
         </li>