-
Notifications
You must be signed in to change notification settings - Fork 272
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(ui5-menu): Enhance keyboard navigation #10243
base: main
Are you sure you want to change the base?
Conversation
} else if ((shouldCloseMenu || isTabNextPrevious) && parentElement._popover) { | ||
parentElement._popover.open = false; | ||
parentElement.selected = false; | ||
const opener = this._popover.getOpenerHTMLElement(parentElement._popover.opener); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Move this code to Popover.ts
, create a new function called focusOpener()
, add Teo Taushanov and Pepi Dimov for review.
The new function calls this.getOpener.......?focus()
, annotate as @protected
} | ||
|
||
get _navigableItems(): Array<HTMLElement> { | ||
return [...this.endContent]; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
What would happen if the user passes non-interactive items in endContent
? I saw the documentation says we expect button, link or icon( I presume button-like icon, i.e. clickable). But will there be an issue if they pass a normal static icon or just a div?
Even if it doesn't work in such scenarios, it should not break. Please check.
After this change, it will be possible to navigate through the elements added to the endContent using the left and right arrow keys on the keyboard
BGSOFUIBALKAN-8852