fix: [Obs Inventory][KEYBOARD]: The map view tooltips must be available on keyboard focus

[alexwizp]

Closes: https://github.com/elastic/observability-accessibility/issues/43
Closes: https://github.com/elastic/observability-accessibility/issues/18

Description

• https://github.com/elastic/observability-accessibility/issues/43: The Observability Inventory map view has a grid of map tiles that each accept a mouse event to show a tooltip. This tooltip must also be available when the tile receives keyboard focus.

• https://github.com/elastic/observability-accessibility/issues/18: The Inventory > Kubernetes Pods popover stays open when I click "Create Inventory Rule" and the modal dialog opens. This creates an odd stacking order and obscures content for users at smaller viewport width.

Steps to recreate

1. Open Inventory Hosts map view
2. Change Hosts to Kubernetes Clusters
3. Try to select specific node using the keyboard

Screens

Screen.Recording.2024-08-21.at.16.03.06.mov

Screen.Recording.2024-08-21.at.16.02.04.mov

[alexwizp]

/ci

[alexwizp]

/ci

[elasticmachine]

Pinging @elastic/kibana-accessibility (Project:Accessibility)

[elasticmachine]

💛 Build succeeded, but was flaky

• Buildkite Build
• Commit: 1a4422d464e1827df94f587cce0d3533ab095173
• Kibana Serverless Image: docker.elastic.co/kibana-ci/kibana-serverless:pr-187861-1a4422d464e1
• Observability Deployment

Failed CI Steps

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
infra	1.5MB	1.5MB	+196.0B

History

• 💚 Build #221052 succeeded 0b21fe4cbe7269527a62bde601dbb2278f83715a
• 💚 Build #220447 succeeded 4f0735b42344b555ab8f81c14a28d52fcc6f80df
• 💛 Build #220381 was flaky 4500b849c7d6ba7574e7748f0d094d803e96d0c0
• 💔 Build #220361 failed 567d399530ed83e8399fe452189dc93809579f53

[jennypavlova]

Thank you for adding that! The keyboard navigation works as expected 🎉
I found other issues/regressions while testing it (mentioned in the comments). Please let me know if you need help reproducing/understanding the issues.

[jennypavlova]

Q: Is this div needed? Should we remove it?

[alexwizp]

The EUI tooltip is not displayed when navigating with the keyboard without this wrapper. I have not found a way to solve this problem

[jennypavlova]

I am also not sure maybe we can check with @elastic/eui-team. It's not blocking for the PR.

[alexwizp]

@jennypavlova thank you for your review. I temporary moved it to Draft to fix your comments.

[alexwizp]

/ci

[kibana-ci]

💛 Build succeeded, but was flaky

• Buildkite Build
• Commit: ae09ef0
• Kibana Serverless Image: docker.elastic.co/kibana-ci/kibana-serverless:pr-187861-ae09ef0af482

Failed CI Steps

• FTR Configs #76
• FTR Configs #84

Test Failures

• [job] [logs] FTR Configs #76 / Rules Management - Prebuilt Rules - Prebuilt Rules Management @ess @serverless @skipInServerlessMKI Prebuilt Rules status get_prebuilt_rules_status should return empty structure when no prebuilt rule assets
• [job] [logs] FTR Configs #84 / Visualizations - Group 3 lens app - TSVB Open in Lens Dashboard to TSVB to Lens should convert a by reference TSVB viz to a Lens viz

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
infra	1.5MB	1.5MB	-150.0B

History

• 💛 Build #228898 was flaky ae09ef0
• 💔 Build #228848 failed 7038add
• 💔 Build #228803 failed ef71bd6

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[jennypavlova]

LGTM 💯 Thanks for the fixes!