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

Action menu prevent scrolling on link click #2331

Merged
merged 2 commits into from
Oct 24, 2023

Conversation

camertron
Copy link
Contributor

@camertron camertron commented Oct 24, 2023

What are you trying to accomplish?

This PR prevents scrolling when an ActionMenu link item is activated via the <Space> key. This is a follow-on PR to #2326, which addressed the same issue, but for ActionMenu items that are submit buttons, i.e. <button type="submit">.

Integration

No changes necessary in production.

Risk Assessment

  • Low risk the change is small, highly observable, and easily rolled back.
  • Medium risk changes that are isolated, reduced in scope or could impact few users. The change will not impact library availability.
  • High risk changes are those that could impact customers and SLOs, low or no test coverage, low observability, or slow to rollback.

What approach did you choose and why?

It turns out calling event.preventDefault() will stop forms from being submitted, but does not affect link navigation. The fix in this PR calls event.preventDefault() whenever an item is activated with <Space>, whereas previously preventDefault() was only called if the item was a submit button.

Accessibility

  • No new axe scan violation - This change does not introduce any new axe scan violations.

Merge checklist

- [ ] Added/updated tests
- [ ] Added/updated documentation
- [ ] Added/updated previews (Lookbook)

  • Tested in Chrome
  • Tested in Firefox
  • Tested in Safari
  • Tested in Edge

Take a look at the What we look for in reviews section of the contributing guidelines for more information on how we review PRs.

@changeset-bot
Copy link

changeset-bot bot commented Oct 24, 2023

🦋 Changeset detected

Latest commit: 81b488d

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@primer/view-components Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@github-actions github-actions bot added javascript Pull requests that update Javascript code patch release labels Oct 24, 2023
@camertron camertron marked this pull request as ready for review October 24, 2023 21:36
@camertron camertron requested review from a team and jonrohan October 24, 2023 21:36
@camertron camertron merged commit 4f8af24 into main Oct 24, 2023
31 checks passed
@camertron camertron deleted the action_menu_prevent_scrolling_on_link_click branch October 24, 2023 21:44
@camertron camertron temporarily deployed to preview October 24, 2023 21:44 — with GitHub Actions Inactive
@primer primer bot mentioned this pull request Oct 24, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
javascript Pull requests that update Javascript code patch release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants