DevTools: replace mouseout with mouseleave where possible.

Source/devtools/front_end/ui/SoftContextMenu.js

 /*
  * Copyright (C) 2011 Google Inc. All Rights Reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
@@ skipping 26 matching lines @@
 }
 
 WebInspector.SoftContextMenu.prototype = {
     /**
      * @param {!Document} document
      * @param {number} x
      * @param {number} y
      */
     show: function(document, x, y)
     {
+        if (this._contextMenuElement)
+            this._discardMenu(true);
+        if (!this._items.length)
+            return;
+
         this._document = document;
         this._x = x;
         this._y = y;
         this._time = new Date().getTime();
 
         // Create context menu.
         this._contextMenuElement = createElementWithClass("div", "soft-context-menu");
         this._contextMenuElement.tabIndex = 0;
         this._contextMenuElement.style.top = y + "px";
         this._contextMenuElement.style.left = x + "px";
@@ skipping 46 matching lines @@
         if (!item.checked)
             checkMarkElement.style.opacity = "0";
 
         menuItemElement.createTextChild(item.label);
 
         menuItemElement.addEventListener("mousedown", this._menuItemMouseDown.bind(this), false);
         menuItemElement.addEventListener("mouseup", this._menuItemMouseUp.bind(this), false);
 
         // Manually manage hover highlight since :hover does not work in case of click-and-hold menu invocation.
         menuItemElement.addEventListener("mouseover", this._menuItemMouseOver.bind(this), false);
-        menuItemElement.addEventListener("mouseout", this._menuItemMouseOut.bind(this), false);
+        menuItemElement.addEventListener("mouseleave", this._menuItemMouseLeave.bind(this), false);
 
         menuItemElement._actionId = item.id;
         return menuItemElement;
     },
 
     _createSubMenu: function(item)
     {
         var menuItemElement = createElementWithClass("div", "soft-context-menu-item");
         menuItemElement._subItems = item.subItems;
 
         // Occupy the same space on the left in all items.
         var checkMarkElement = menuItemElement.createChild("span", "soft-context-menu-item-checkmark");
         checkMarkElement.textContent = "\u2713 "; // Checkmark Unicode symbol
         checkMarkElement.style.opacity = "0";
 
         menuItemElement.createTextChild(item.label);
 
         var subMenuArrowElement = menuItemElement.createChild("span", "soft-context-menu-item-submenu-arrow");
         subMenuArrowElement.textContent = "\u25B6"; // BLACK RIGHT-POINTING TRIANGLE
 
         menuItemElement.addEventListener("mousedown", this._menuItemMouseDown.bind(this), false);
         menuItemElement.addEventListener("mouseup", this._menuItemMouseUp.bind(this), false);
 
         // Manually manage hover highlight since :hover does not work in case of click-and-hold menu invocation.
         menuItemElement.addEventListener("mouseover", this._menuItemMouseOver.bind(this), false);
-        menuItemElement.addEventListener("mouseout", this._menuItemMouseOut.bind(this), false);
+        menuItemElement.addEventListener("mouseleave", this._menuItemMouseLeave.bind(this), false);
 
         return menuItemElement;
     },
 
     _createSeparator: function()
     {
         var separatorElement = createElementWithClass("div", "soft-context-menu-separator");
         separatorElement._isSeparator = true;
         separatorElement.addEventListener("mouseover", this._hideSubMenu.bind(this), false);
         separatorElement.createChild("div", "separator-line");
@@ skipping 51 matching lines @@
             return;
         this._subMenu._discardSubMenus();
         this._focus();
     },
 
     _menuItemMouseOver: function(event)
     {
         this._highlightMenuItem(event.target);
     },
 
-    _menuItemMouseOut: function(event)
+    _menuItemMouseLeave: function(event)
     {
         if (!this._subMenu || !event.relatedTarget) {
             this._highlightMenuItem(null);
             return;
         }
 
         var relatedTarget = event.relatedTarget;
-        if (this._contextMenuElement.isSelfOrAncestor(relatedTarget) || relatedTarget.classList.contains("soft-context-menu-glass-pane"))
+        if (relatedTarget.classList.contains("soft-context-menu-glass-pane"))
             this._highlightMenuItem(null);
     },
 
     _highlightMenuItem: function(menuItemElement)
     {
         if (this._highlightedMenuItemElement ===  menuItemElement)
             return;
 
         this._hideSubMenu();
         if (this._highlightedMenuItemElement) {
@@ skipping 108 matching lines @@
 
     _discardSubMenus: function()
     {
         if (this._subMenu)
             this._subMenu._discardSubMenus();
         this._contextMenuElement.remove();
         if (this._parentMenu)
             delete this._parentMenu._subMenu;
     }
 }