Added classname to find menu links

lms/static/js/my_courses_dropdown.js

@@ -8,11 +8,11 @@
          // define variables for code legibility
         var $dropdownMenuToggle = $('.dropdown');
         var $dropdownMenu = $('.dropdown-menu');
-        var menuItems = $dropdownMenu.find('a');
+        var menuItems = $dropdownMenu.find('.dropdown-menuitem');
 
         // bind menu toggle click for later use
         $dropdownMenuToggle.toggle(function() {
-            $dropdownMenu.addClass('expanded').find('a').first()
+            $dropdownMenu.addClass('expanded').find('.dropdown-menuitem').first()
                 .focus();
             $dropdownMenuToggle.addClass('active').attr('aria-expanded', 'true');
         }, function() {

lms/templates/user_dropdown.html

@@ -27,11 +27,11 @@ from openedx.core.djangoapps.user_api.accounts.image_helpers import get_profile_
             </button>
             <ul class="dropdown-menu list-divided is-hidden" id="${_("Usermenu")}" tabindex="-1">
                 <%block name="navigation_dropdown_menu_links" >
-                    <li class="dropdown-item item has-block-link"><a href="${reverse('dashboard')}" class="action">${_("Dashboard")}</a></li>
-                    <li class="dropdown-item item has-block-link"><a href="${reverse('learner_profile', kwargs={'username': user.username})}" class="action">${_("Profile")}</a></li>
-                    <li class="dropdown-item item has-block-link"><a href="${reverse('account_settings')}" class="action">${_("Account")}</a></li>
+                    <li class="dropdown-item item has-block-link"><a href="${reverse('dashboard')}" class="action dropdown-menuitem">${_("Dashboard")}</a></li>
+                    <li class="dropdown-item item has-block-link"><a href="${reverse('learner_profile', kwargs={'username': user.username})}" class="action dropdown-menuitem">${_("Profile")}</a></li>
+                    <li class="dropdown-item item has-block-link"><a href="${reverse('account_settings')}" class="action dropdown-menuitem">${_("Account")}</a></li>
                 </%block>
-                <li class="dropdown-item item has-block-link"><a href="${reverse('logout')}" role="menuitem" class="action">${_("Sign Out")}</a></li>
+                <li class="dropdown-item item has-block-link"><a href="${reverse('logout')}" role="menuitem" class="action dropdown-menuitem">${_("Sign Out")}</a></li>
             </ul>
         </div>
     </div>
@@ -53,7 +53,7 @@ from openedx.core.djangoapps.user_api.accounts.image_helpers import get_profile_
                 <button class="dropdown" aria-expanded="false"><span class="sr">${_("More options dropdown")}</span><span class="fa fa-sort-desc" aria-hidden="true"></span></button>
                 <ul class="dropdown-menu" aria-label="More Options" role="menu">
                     ${navigation_dropdown_menu_links()}
-                    <li class="item"><a href="${reverse('logout')}" role="menuitem">${_("Sign Out")}</a></li>
+                    <li class="item"><a href="${reverse('logout')}" role="menuitem" class="dropdown-menuitem">${_("Sign Out")}</a></li>
                 </ul>
             </div>
         </li>