Description

@jughosta reached out to the EUI team for a way to prevent tooltips persisting on the screen after click events. This issue is being tracked in Kibana #144482.

The EUI team proposed a UX solution where we prevent two tooltips being present in the DOM. If a user toggles a tooltip, we should check for any tooltips present, close them, then reveal the new tooltip.

@constancecchen has proposed an enhancement using React.Context:

A new context/provider within EuiProvider just for tooltips, similar to how we have CurrentEuiBreakpointProvider now.

eui/src/components/provider/provider.tsx

Line 116 in f7c05f9

<CurrentEuiBreakpointProvider>{children}</CurrentEuiBreakpointProvider>