Basic keyboard access for recently_closed menu on NTP. Allows using up and down arrows to navigate,…

chrome/browser/resources/shared/js/cr/ui/menu.js

Index: chrome/browser/resources/shared/js/cr/ui/menu.js
diff --git a/chrome/browser/resources/shared/js/cr/ui/menu.js b/chrome/browser/resources/shared/js/cr/ui/menu.js
index 3e1e3dc31fc1e0630287a9c9fb6c03d21ed4d8a7..2640d92a6a92eda5baa9f8bbe4b16a5d2c137078 100644
--- a/chrome/browser/resources/shared/js/cr/ui/menu.js
+++ b/chrome/browser/resources/shared/js/cr/ui/menu.js
@@ -34,6 +34,7 @@ cr.define('cr.ui', function() {
       this.addEventListener('mouseout', this.handleMouseOut_);
 
       this.classList.add('decorated');
+      this.setAttribute('role', 'menu');
       this.hidden = true;  // Hide the menu by default.
 
       // Decorate the children as menu items.
@@ -124,6 +125,20 @@ cr.define('cr.ui', function() {
     },
 
     /**
+     * Focuses the selected item. If selectedIndex is invalid, set it to 0
+     * first.
+     */
+    focusSelectedItem: function() {
+      if (this.selectedIndex < 0 ||
+          this.selectedIndex > this.children.length) {
+        this.selectedIndex = 0;
+      }
+
+      if (this.selectedItem)
+        this.selectedItem.focus();
+    },
+
+    /**
      * Menu length
      */
     get length() {
@@ -180,7 +195,10 @@ cr.define('cr.ui', function() {
         case 'Enter':
         case 'U+0020': // Space
           if (item) {
-            if (cr.dispatchSimpleEvent(item, 'activate', true, true)) {
+            var activationEvent = cr.doc.createEvent('Event');
+            activationEvent.initEvent('activate', true, true);
+            activationEvent.originalEvent = e;
+            if (item.dispatchEvent(activationEvent)) {
               if (item.command)
                 item.command.execute();
             }
@@ -208,8 +226,10 @@ cr.define('cr.ui', function() {
     if (oldSelectedItem)
       oldSelectedItem.selected = false;
     var item = this.selectedItem;
-    if (item)
+    if (item) {
       item.selected = true;
+      this.focusSelectedItem();
+    }
   }
 
   /**