-
Notifications
You must be signed in to change notification settings - Fork 375
Description
Describe the issue. What is the expected and unexpected behavior?
Due to the fact the Dropdown keyboard interaction is handled based on their implicit index (being array children), wrapping dropdown elements in react fragments or other elements breaks the keyboard navigation. If the child is wrapped in a fragment, its implicit index is -1. If it's not wrapped, it will get the proper index based on its position in the array. We should make index a real prop on the ApplicationLauncherItem and give sequential keyboard access to increment the index by 1.
Please provide the steps to reproduce. Feel free to link CodeSandbox or another tool.
Try to wrap any element in the dropdown with a react fragment, and you will notice that none of the keyboard interactions work anymore.
Is this a bug or enhancement? If this issue is a bug, is this issue blocking you or is there a work-around?
Bug - workaround is to either remove the react fragment/wrapper or to add an index that overrides the implicit index
What is your product and what release version are you targeting?
First noticed in OpenShift.
Metadata
Metadata
Assignees
Labels
Type
Projects
Status