Change ActionBar overflow menu anchor label to "More items"

[Copilot]

The current label (and tooltip) for the overflow menu anchor in an ActionBar is defined as More ${ariaLabel} items ${overflowItems?.length}. This is a bug: it sticks a random number at the end of the label for no apparent reason. Additionally, the use of the toolbar's aria-label here doesn't work well in practice; toolbar labels just aren't designed to fit here so you end up with labels like "More Markdown tools items" or "More File actions items" which don't make sense.

This PR changes the label to just be "More items". Since the button is already contained inside a labelled toolbar, this isn't ambiguous; it's clear that this is referring to more items inside the parent toolbar.

An alternative choice could be to change it to More ${ariaLabel.toLowerCase()}, to get labels like "More formatting tools" or "More file actions". But even this is a bit fragile as it depends on an arbitrary toolbar label, and will still break capitalization if a word in the label is intended to be uppercased (like "Markdown"). So I think a simple "More items" is preferable.

• Closes Allow customizing ActionBar overflow menu label, or default to "More items" #7437

Note

This may break some test selectors upstream; we will probably need to update getByRole and similar selectors to use the new name.

Changelog

Changed

• ActionBar.tsx: overflow menu anchor aria-label is now More items.
• Updated the e2e selector that targeted the previous label.

Removed

• Removed the bar label and overflow count interpolation from the anchor label.

Rollout strategy

• Patch release

Testing & Reviewing

Existing ActionBar unit tests pass. Verify the overflow kebab button is still discoverable by its accessible name (More items).

Merge checklist

• Added/updated tests
• Added/updated documentation
• Added/updated previews (Storybook)
• Changes are SSR compatible
• Tested in Chrome
• Tested in Firefox
• Tested in Safari
• Tested in Edge
• (GitHub staff only) Integration tests pass at github/github-ui (Learn more about how to run integration tests)

[changeset-bot]

🦋 Changeset detected

Latest commit: 7d48bf3

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

This PR includes changesets to release 1 package

Name	Type
@primer/react	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]

⚠️ Action required

👋 Hi, this pull request contains changes to the source code that github/github-ui depends on. If you are GitHub staff, test these changes with github/github-ui using the integration workflow. If this doesn't work, you can also use the original workflow here. Check the integration testing docs for step-by-step instructions. Or, apply the integration-tests: skipped manually label to skip these checks.

To publish a canary release for integration testing, apply the Canary Release label to this PR.

[Copilot]

Pull request overview

This PR updates the ActionBar overflow menu trigger’s accessible name to a stable, context-appropriate label ("More items"), addressing the current buggy/awkward interpolation behavior and aligning with the linked issue’s recommendation.

Changes:

• Simplified the overflow menu anchor aria-label in ActionBar to "More items".
• Updated the ActionBar e2e test selector to target the new accessible name.
• Added a patch changeset documenting the consumer-facing accessibility label change.

Show a summary per file

File	Description
packages/react/src/ActionBar/ActionBar.tsx	Sets the overflow trigger button’s aria-label to a stable "More items" string.
e2e/components/drafts/ActionBar.test.ts	Updates the Playwright locator to match the new overflow trigger accessible name.
.changeset/actionbar-more-items-label.md	Adds a patch changeset describing the updated overflow trigger label.

Copilot's findings

• Files reviewed: 3/3 changed files
• Comments generated: 0