fix: [Obs SLOs][KEYBOARD]: Actions menu must be available in Card view on ::focus event

[alexwizp]

Closes: https://github.com/elastic/observability-dev/issues/3390

Description

The Obs SLOs cards allow users to access a menu of actions on ::hover but that menu is not available on ::focus. This has a workaround by switching to List or Compact view, but still represents a major keyboard usability issue and is going to be treated as a level one defect. Screenshot attached below.

Steps to recreate

1. Open the Obs SLOs view
2. Create a new SLO if none exist
3. Hover over the newly created SLO card and verify the [ ... ] menu appears
4. Now press the Tab key to navigate through the card by keyboard
5. Verify the [ ... ] menu never appears

What was changed?:

1 The hover functionality was updated in favor of CSS

Screen

Screen.Recording.2024-05-16.at.17.31.13.mov

[alexwizp]

/ci

[alexwizp]

/ci

[elasticmachine]

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

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: 67b0f3e
• Kibana Serverless Image: docker.elastic.co/kibana-ci/kibana-serverless:pr-183652-67b0f3e57d3a
• Observability Deployment

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
slo	869.3KB	869.4KB	+147.0B

Canvas Sharable Runtime

The Canvas "shareable runtime" is an bundle produced to enable running Canvas workpads outside of Kibana. This bundle is included in third-party webpages that embed canvas and therefor should be as slim as possible.

id	before	after	diff
module count	-	5405	+5405
total size	-	8.8MB	+8.8MB

History

• 💚 Build #210663 succeeded 9b66d95
• 💔 Build #210521 failed 9d9e083

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

[dominiqueclarke]

LGTM! Keyboard tested.