[Discover] Replace EuiTooltip by native title for better performance (e…

…lastic#68280) (elastic#68546)
legrego · Jun 9, 2020 · 6a9dbbc · 6a9dbbc
1 parent 5258a9b
commit 6a9dbbc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 10 deletions.
diff --git a/src/plugins/discover/public/application/components/sidebar/discover_field.tsx b/src/plugins/discover/public/application/components/sidebar/discover_field.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import React from 'react';
-import { EuiButton, EuiToolTip, EuiText } from '@elastic/eui';
+import { EuiButton, EuiText } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import { DiscoverFieldDetails } from './discover_field_details';
 import { FieldIcon } from '../../../../../kibana_react/public';
@@ -125,16 +125,14 @@ export function DiscoverField({
           />
         </span>
         <span className="dscSidebarField__name eui-textTruncate">
-          <EuiToolTip
-            position="top"
-            content={field.name}
-            delay="long"
-            anchorClassName="eui-textTruncate"
+          <EuiText
+            size="xs"
+            data-test-subj={`field-${field.name}`}
+            className="eui-textTruncate"
+            title={field.name}
           >
-            <EuiText size="xs" data-test-subj={`field-${field.name}`} className="eui-textTruncate">
-              {useShortDots ? shortenDottedString(field.name) : field.displayName}
-            </EuiText>
-          </EuiToolTip>
+            {useShortDots ? shortenDottedString(field.name) : field.displayName}
+          </EuiText>
         </span>
         <span>
           {field.name !== '_source' && !selected && (

diff --git a/src/plugins/discover/public/application/components/sidebar/discover_sidebar.scss b/src/plugins/discover/public/application/components/sidebar/discover_sidebar.scss
@@ -107,6 +107,7 @@
  */
 .dscSidebarItem__action {
   opacity: 0; /* 1 */
+  transition: none;
 
   &:focus {
     opacity: 1; /* 2 */