eui icon indicating copy to clipboard operation
eui copied to clipboard

[EuiSelectableTemplateSitewide] Interactive elements in popover footer are not keyboard accessible

Open chandlerprall opened this issue 3 years ago • 3 comments

Once something is entered into the search field, we add a "View more results" button to the results popover footer. This isn't focusable via keyboard: arrow keys cycle only through the results and tab jumps to the search field's clear button.

https://user-images.githubusercontent.com/313125/202309818-58521021-ecea-4409-9c72-27036a2006d9.mov

chandlerprall avatar Nov 16 '22 22:11 chandlerprall

@1Copenut says this is a "sneaky large" since we'll have to consider the UX around what it means to "view results."

daveyholler avatar Dec 05 '22 18:12 daveyholler

Related to: https://github.com/elastic/eui/issues/6376

daveyholler avatar Dec 05 '22 18:12 daveyholler

Tweaked the issue title to be a bit more generic and descriptive of the underlying issue. There are two potential approaches here: make the popover footer keyboard accessible through some kind of shortcut, or make it a UX advisory for consumers using this template not to put interactive elements in the footer (and fix our own docs to remove that behavior).

cee-chen avatar Feb 27 '23 18:02 cee-chen

👋 Hi there - this issue hasn't had any activity in 6 months. If the EUI team has not explicitly expressed that this is something on our roadmap, it's unlikely that we'll pick this issue up. We would sincerely appreciate a PR/community contribution if this is something that matters to you! If not, and there is no further activity on this issue for another 6 months (i.e. it's stale for over a year), the issue will be auto-closed.

github-actions[bot] avatar Sep 22 '25 00:09 github-actions[bot]