[Global search] It always takes 2 clicks to open

[wylieconlon]

Tested this in Chrome and Firefox, in Kibana 7.12 and the latest code on master. Here is a GIF of the issue in Firefox on 7.12:

[elasticmachine]

Pinging @elastic/kibana-design (Team:Kibana-Design)

[elasticmachine]

Pinging @elastic/kibana-core (Team:Core)

[joshdover]

Grooming notes:

• Need to confirm we can reproduce on master
• If it reproducible, likely an EUI change since we have not done work in this area recently

[wylieconlon]

@joshdover I just tested on master, and it appears that this is still happening. I think the important part of the reproduction steps is that you need to:

1. Type slowly into the search bar
2. Wait for results to come back
3. Try to click any of the results

[afharo]

I just tested this on the master branch, and I can't reproduce it on Firefox. However, it's still happening on Google Chrome and Safari. Interestingly, once the first 2-click navigation has occurred, the rest work as expected.

I'll dig in to find the root cause.

[afharo]

More findings: it does not affect if any of the viewable items are clicked. But the moment you scroll through the list, the issue may occur. Sometimes, even if wildly scrolling up and down, on the 2nd attempt, it may require an additional click.

[afharo]

I managed to replicate the issue in the eui docs, so I created the issue elastic/eui#5020 in that project to fix it upstream.

[afharo]

The fix has been merged in the @elastic/eui library. This issue will be closed when the module is published and upgraded.

Keeping the issue open in the meanwhile for tracking purposes.

The intention is to backport it to 7.15.0 and 7.14.1.

cc @thompsongl

[afharo]

This PR will apply the fixes to 7.16.0+: #109157

[afharo]

The changes have also been backported to:

• 7.15: [7.15] Upgrade EUI to v37.1.2 #109922
• 7.14: [7.14] Upgrade EUI to v34.5.3 #109932

Closing this issue now 🎉