Skip to content
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

OverflowMenuV2: Should focus first item on open #13265

Closed
2 tasks done
francinelucca opened this issue Mar 1, 2023 · 0 comments · Fixed by #13277
Closed
2 tasks done

OverflowMenuV2: Should focus first item on open #13265

francinelucca opened this issue Mar 1, 2023 · 0 comments · Fixed by #13277

Comments

@francinelucca
Copy link
Collaborator

Package

@carbon/react

Browser

Chrome

Package version

1.23.1

React version

v17.0.2

Description

OverflowMenuV2 should immediately focus the first MenuItem after being opened, compare to OverflowMenu's behavior, which is correct.

Note: the fix for this should be at the Menu component level which is where this logic is abstracted and what OverflowMenuV2 is implementing under the hood

Reproduction/example

https://react.carbondesignsystem.com/?path=/story/experimental-unstable-overflowmenuv2--custom-icon

Steps to reproduce

  1. Tab into the button that opens the overflowMenu
  2. press Enter
  3. Notice the focus is on the container element of the MenuItems , focus should be in the first MenuItem element.
  4. Repeat same steps in https://react.carbondesignsystem.com/?path=/story/components-overflowmenu--default
  5. Notice the focus is shown correctly in the first MenuItem

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Application/PAL

No response

Code of Conduct

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

1 participant