[uiActions] Improve context menu keyboard support

[Dosant]

Summary

Closes #67130

• Improves position resolution logic by also tracking last clicked element.
• Adds ownFocus prop, so can pick menu item with keyboard.
• Also track if target element was removed from DOM. In that case tries to use previous element. won't work all the time, but works nicely in case context menu trigger by item in other context menu. (see gif below)

Opened menu with keyboard:

If trigger element removed from DOM, reuses previous trigger if possible:

Release notes

Multiple chart actions context menu positioning fixes.

Checklist

Delete any items that are not applicable to this PR.

• Unit or functional tests were updated or added to match the most common scenarios
• This was checked for keyboard-only and screenreader accessibility

[elasticmachine]

Pinging @elastic/kibana-app-arch (Team:AppArch)

[Dosant]

@elasticmachine merge upstream

[streamich]

In mouse event list logic seems it is open the menu at a click one before the last on Lens pie chart visualization.

In determining position of the context menu, I thought we wanted to emit the element and location of the click in the context object that trigger emits, curious why you opted for mouse detection logic instead?

[Dosant]

@streamich, thanks for catching that 👍 should be fixed.

In determining position of the context menu, I thought we wanted to emit the element and location of the click in the context object that trigger emits, curious why you opted for mouse detection logic instead?

As noted in private discussion:

changing the api vs slightly enhancing current implementation internally.
until we not hit blocker with current implementation, don’t think we have to change the api.
Also didn’t look into how much work is that to pass dom event everywhere trigger.exec is used. I imagine, in consumer code they could be separate by multiple layers

[kibanamachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request
• Commit: 0e209ff

Build metrics

✅ unchanged

History

• 💚 Build #59297 succeeded 9636400
• 💚 Build #58673 succeeded dcc7a54
• 💚 Build #58657 succeeded a1c47aa

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

[streamich]

LGTM, checked on Mac Chrome/Firefox.

[Dosant]

While testing we found this bug in elastic-charts: elastic/elastic-charts#748