eui
eui copied to clipboard
[EuiSelectableTemplateSitewide] Interactive elements in popover footer are not keyboard accessible
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
@1Copenut says this is a "sneaky large" since we'll have to consider the UX around what it means to "view results."
Related to: https://github.com/elastic/eui/issues/6376
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).
👋 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.