[Search] Send to background indicator flaky tooltip

[Dosant]

Kibana version: master

Elasticsearch version:

Server OS version:

Browser version: Chrome 86

Describe the bug:

We are working on Send to background functionality and progress is available in Kibana behind feature flag

xpack.data_enhanced.search.sendToBackground.enabled: true
data.search.aggs.shardDelay.enabled: true # helpful to create "slow" visualizations

Part of this feature is session indicator which appears in the last breadcrumb (currently only in Discover and Dashboard).

In some state EuiTooltip is going crazy when hovering that indicator. it appears and disappears.

Steps to reproduce:

1. xpack.data_enhanced.search.sendToBackground.enabled: true in kibana.yml
2. go to discover, send session to background, using session indicator
3. hover over indicator and see it disappears immediately

Expected behavior:

Tooltip works as expected

Screenshots (if relevant):

Any additional context:

I tried to reproduce in isolation as eui bug, but didn't ... https://codesandbox.io/s/adoring-fog-1g97f?file=/index.js

In Kibana I noticed that tooltip is closed because mouse out event is fired and event.relatedTarget is a tooltip popover element. I suspect it could be related to default tooltip position: https://github.com/elastic/eui/blob/master/src/components/tool_tip/tool_tip.tsx#L73 which with long tooltip text would overlap background session indicator in kibana. This might be what is causing mouse out event in kibana. But I don't know why I can't reproduce it in codesanbox.

[elasticmachine]

Pinging @elastic/kibana-app-services (Team:AppServices)

[Dosant]

@chandlerprall & @thompsongl, I saw that you had recent commits around tooltip in eui. Maybe you would have an idea what could have go wrong here? I'd open an eui bug, but I wasn't able to reproduce in code sandbox in isolation :(

[thompsongl]

long tooltip text would overlap background session indicator in kibana.

This does appear to have an impact. The tooltip text changing from "Results loaded" to "Results loaded loaded in the background" likely shifts the tooltip popover into the hover area. Changing "Results loaded loaded in the background" to something shorter prevents the flicker.

I'm still working on a reproduction in a simpler environment, but I have a solution based on modifying bundled EUI code in Kibana. This is something we'll want to address in EUI, so I'll open an issue/PR there when I have a repro.

[thompsongl]

Is this feature targeting release in 7.11, @Dosant?

[Dosant]

Is this feature targeting release in 7.11

@thompsongl, No, so no rush.
Thanks for looking!

[thompsongl]

Fixed in elastic/eui#4327. It'll be a couple weeks before you see it in Kibana due to upgrade timelines.

[Dosant]

Closed by #85504