Settings Search: Make tooltip run away from mouse.

chrome/browser/resources/settings/search_settings.js

 // Copyright 2016 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('settings', function() {
   /** @const {string} */
   var WRAPPER_CSS_CLASS = 'search-highlight-wrapper';
 
   /** @const {string} */
   var HIT_CSS_CLASS = 'search-highlight-hit';
@@ skipping 179 matching lines @@
     searchBubble = document.createElement('div');
     searchBubble.classList.add(SEARCH_BUBBLE_CSS_CLASS);
     var innards = document.createElement('div');
     innards.classList.add('search-bubble-innards');
     innards.textContent = rawQuery;
     searchBubble.appendChild(innards);
     element.appendChild(searchBubble);
 
     // Dynamically position the bubble at the edge the associated control
     // element.
-    searchBubble.style.top = element.offsetTop + element.offsetHeight + 'px';
+    var updatePosition = function() {
+      if (innards.classList.contains('above')) {
+        searchBubble.style.top =
+            element.offsetTop - searchBubble.offsetHeight + 'px';
+      } else {
+        searchBubble.style.top =
+            element.offsetTop + element.offsetHeight + 'px';
+      }
+    };
+    updatePosition();
+
+    searchBubble.addEventListener('mouseover', function() {
+      innards.classList.toggle('above');
+      updatePosition();
+    });
   }
 
   /**
    * Finds and makes visible the <settings-section> parent of |node|.
    * @param {!Node} node
    * @param {string} rawQuery
    * @private
    */
   function revealParentSection_(node, rawQuery) {
     var associatedControl = null;
@@ skipping 375 matching lines @@
   function setSearchManagerForTesting(searchManager) {
     SearchManagerImpl.instance_ = searchManager;
   }
 
   return {
     getSearchManager: getSearchManager,
     setSearchManagerForTesting: setSearchManagerForTesting,
     SearchRequest: SearchRequest,
   };
 });