You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When I render a List that is type composite, I expect keyboard navigation down and up arrows to move between items. This works fine for items UNTIL I then also try to allow it to be a focus restoration point using useRestoreFocusTarget.
When we do this, the keyboard arrows also go into the ListItem instead of moving from item to item. Also note that when NVDA is open, it gets amazingly confused and tab goes in unexpected places, which does not happen when NOT using useRestoreFocusTarget.
Component
List
Package version
9.58.3
React version
18
Environment
Current Behavior
When I render a List that is type composite, I expect keyboard navigation down and up arrows to move between items. This works fine for items UNTIL I then also try to allow it to be a focus restoration point using useRestoreFocusTarget.
When we do this, the keyboard arrows also go into the ListItem instead of moving from item to item. Also note that when NVDA is open, it gets amazingly confused and tab goes in unexpected places, which does not happen when NOT using useRestoreFocusTarget.
I need this because my List action will be opening an Inline Drawer. I used this example for it
https://react.fluentui.dev/?path=/docs/components-drawer--docs#default
Expected Behavior
Keyboard arrows should still move item to item when using useRestoreFocusTarget
Reproduction
https://stackblitz.com/edit/1exjxexc?file=src%2Fexample.tsx
Steps to reproduce
Tab to the List and use the arrow down key. See that focus goes into the item instead of to the next item.
Are you reporting an Accessibility issue?
None
Suggested severity
Urgent - No workaround and Products/sites are affected
Products/sites affected
No response
Are you willing to submit a PR to fix?
no
Validations
The text was updated successfully, but these errors were encountered: