Fix kbn-info tooltip in firefox and chrome (#17162) (#17187)

* Move tooltip out of inner child of button
* Trigger tooltip on mouseenter instead of focus

src/core_plugins/kbn_doc_views/public/views/table.html

@@ -13,10 +13,10 @@
             aria-label="Filter for value"
             ng-click="filter(mapping[field], flattened[field], '+')"
             data-test-subj="addInclusiveFilterButton"
+            tooltip="Filter for value"
+            tooltip-append-to-body="1"
           >
             <i
-              tooltip="Filter for value"
-              tooltip-append-to-body="1"
               class="fa fa-search-plus"></i>
           </button>
 
@@ -24,10 +24,10 @@
             class="doc-viewer-button"
             aria-label="Filter out value"
             ng-click="filter(mapping[field], flattened[field],'-')"
+            tooltip="Filter out value"
+            tooltip-append-to-body="1"
           >
             <i
-              tooltip="Filter out value"
-              tooltip-append-to-body="1"
               class="fa fa-search-minus"></i>
           </button>
         </span>
@@ -41,11 +41,11 @@
             aria-label="Toggle column in table"
             aria-pressed="{{isColumnActive(field)}}"
             ng-click="toggleColumn(field)"
+            tooltip-append-to-body="1"
+            tooltip="Toggle column in table"
           >
             <i
               class="fa fa-columns"
-              tooltip-append-to-body="1"
-              tooltip="Toggle column in table"
             ></i>
           </button>
         </span>
@@ -54,10 +54,10 @@
             class="doc-viewer-button"
             aria-label="Filter for field present"
             ng-click="filter('_exists_', field, '+')"
+            tooltip="Filter for field present"
+            tooltip-append-to-body="1"
           >
             <i
-              tooltip="Filter for field present"
-              tooltip-append-to-body="1"
               class="fa fa-asterisk"></i>
           </button>
         </span>

src/ui/public/partials/info.html

@@ -5,7 +5,6 @@
   tooltip="{{info}}"
   tooltip-placement="{{placement}}"
   tooltip-popup-delay="250"
-  tooltip-trigger="focus"
 >
   <span class="kuiIcon fa-info-circle"></span>
 </button>