Fix #3800 Dropdown menu of the ABOUT in navigation bar (#3855)

* Issue #3800 dropdown click about focus error * Indentation Error
oppia · Sep 14, 2017 · 5f7598f · 5f7598f
1 parent 62325ab
commit 5f7598f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/core/templates/dev/head/components/top_navigation_bar/TopNavigationBarDirective.js b/core/templates/dev/head/components/top_navigation_bar/TopNavigationBarDirective.js
@@ -73,7 +73,9 @@ oppia.directive('topNavigationBar', [
             angular.element(evt.currentTarget).parent().removeClass('open');
             $scope.profileDropdownIsActive = false;
           };
-
+          $scope.onMouseoutDropdownMenuAbout = function(evt) {
+            angular.element(evt.currentTarget)[0].blur();
+          }
           $scope.onMouseoverDropdownMenu = function(evt) {
             angular.element(evt.currentTarget).parent().addClass('open');
           };

diff --git a/core/templates/dev/head/components/top_navigation_bar/top_navigation_bar_directive.html b/core/templates/dev/head/components/top_navigation_bar/top_navigation_bar_directive.html
@@ -30,7 +30,8 @@
            role="menuitem"
            aria-haspopup="true"
            aria-expanded="false"
-           tabindex="0">
+           tabindex="0"
+           ng-mouseleave="onMouseoutDropdownMenuAbout($event)">
           <span class="oppia-navbar-tab-content" translate="I18N_TOPNAV_ABOUT"></span>
           <span class="caret"></span>
         </a>