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

fix(web-components): fix enterkey interaction on menu #31894

Conversation

davatron5000
Copy link
Contributor

@davatron5000 davatron5000 commented Jul 1, 2024

Previous Behavior

Opening the menu component and selecting a menuitem with enterkey should trigger the menu to close unless it's a menuitemradio or menuitemcheckbox.

New Behavior

  • Make Menu listen for the change event emitted by menu-item.ts#L220
  • Add tests 👍👍👍

Related Issue(s)

Adding @mlijanto as a reviewer to verify fix for upstream usage.

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 1, 2024

📊 Bundle size report

✅ No changes found

Copy link
Member

@mlijanto mlijanto left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for fixing this issue and adding the tests @davatron5000! Looks good to me 👍🏼. Only left a couple of small comments.

packages/web-components/src/menu/menu.ts Outdated Show resolved Hide resolved
packages/web-components/src/menu/menu.ts Outdated Show resolved Hide resolved
Copy link
Contributor

@marchbox marchbox left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM other than a small thing.

packages/web-components/src/menu/menu.ts Show resolved Hide resolved
@davatron5000 davatron5000 enabled auto-merge (squash) July 2, 2024 20:05
@davatron5000 davatron5000 merged commit 2ccb9dd into microsoft:master Jul 2, 2024
18 checks passed
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jul 3, 2024
* master: (45 commits)
  Added unit testcases for sparkline chart. (microsoft#31843)
  release: applying package updates - react v8
  release: applying package updates - web-components
  fix(web-components): fix enterkey interaction on menu (microsoft#31894)
  chore(web-components): expose field to package exports (microsoft#31904)
  fix(web-components): slotted elements within fluent-text-input can't be focused (microsoft#31903)
  fix(web-components): fix menu positioning in firefox (microsoft#31895)
  chore: bump @types/node types to v20 and @tsconfig to v18 (microsoft#31510)
  chore: migrate to nx 19.2.3 (microsoft#31828)
  chore: fix install verdacio command (microsoft#31897)
  fix(scripts-prettier): escape file names that are being passed to prettier bin via shell (microsoft#31889)
  release: applying package updates - react-components
  feat:(docs) Adds pattern doc on Basic Recomposition (microsoft#31861)
  chore:(docs) Archive the wiki 🎉 (microsoft#31202)
  feat:(react-nav-preview) Adds NavDivider implementation (microsoft#31848)
  ci(.github): resolve due_on UTC time creation issues (microsoft#31890)
  release: applying package updates - web-components
  fix: update internal usage of useModalAttributes to use legacyTrapFocus by default (microsoft#31801)
  chore: make utils a package export (microsoft#31865)
  fix: add live region around scroll index update (microsoft#31863)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[web-components] Menu-list is not closed when an item is selected using keyboard
6 participants