Change MenuItems to use divs and add disabled property

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

 // Copyright (c) 2010 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 cr.define('cr.ui', function() {
   const Command = cr.ui.Command;
 
   /**
    * Creates a new menu item element.
    * @param {Object=} opt_propertyBag Optional properties.
    * @constructor
-   * @extends {HTMLButtonElement}
+   * @extends {HTMLDivElement}
    */
-  var MenuItem = cr.ui.define('button');
+  var MenuItem = cr.ui.define('div');
 
   /**
    * Creates a new menu separator element.
    * @return {cr.ui.MenuItem}
    */
   MenuItem.createSeparator = function() {
     var el = cr.doc.createElement('hr');
     MenuItem.decorate(el);
     return el;
   };
@@ skipping 97 matching lines @@
           this.hidden = this.command.hidden;
           break;
         case 'labelChange':
           this.label = this.command.label;
           break;
       }
     }
   };
 
   /**
+   * Whether the menu item is disabled or not.
+   * @type {boolean}
+   */
+  cr.defineProperty(MenuItem, 'disabled', cr.PropertyKind.BOOL_ATTR);
+
+  /**
    * Whether the menu item is hidden or not.
    * @type {boolean}
    */
   cr.defineProperty(MenuItem, 'hidden', cr.PropertyKind.BOOL_ATTR);
 
   /**
    * Whether the menu item is selected or not.
    * @type {boolean}
    */
   cr.defineProperty(MenuItem, 'selected', cr.PropertyKind.BOOL_ATTR);
 
   // Export
   return {
     MenuItem: MenuItem
   };
 });