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

…68280) (#68546)
elastic · 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 */