Skip to content

fix(button): sync aria description between host and native button#31264

Open
Zac-Smucker-Bryan wants to merge 2 commits into
ionic-team:mainfrom
Zac-Smucker-Bryan:button-aria-description
Open

fix(button): sync aria description between host and native button#31264
Zac-Smucker-Bryan wants to merge 2 commits into
ionic-team:mainfrom
Zac-Smucker-Bryan:button-aria-description

Conversation

@Zac-Smucker-Bryan

@Zac-Smucker-Bryan Zac-Smucker-Bryan commented Jul 10, 2026

Copy link
Copy Markdown
Contributor

Issue number: resolves #30626


What is the current behavior?

The native button inside ion-button is not being updated with the aria-description if it changes on ion-button.

What is the new behavior?

The native button inside ion-button updates with the aria-description if it changes on ion-button. Changes include:

  • adds @Watch('aria-description') to button.tsx in this block.
  • adds test to core/src/components/button/test/a11y/button.e2e.ts to test the behavior.

Does this introduce a breaking change?

  • Yes
  • No

Adds @watch('aria-description') to button.tsx before onAriaChanged
Set aria description and both buttons should match. Update aria description on host button, and both buttons should still match.
@vercel

vercel Bot commented Jul 10, 2026

Copy link
Copy Markdown

@Zac-Smucker-Bryan is attempting to deploy a commit to the Ionic Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions Bot added the package: core @ionic/core package label Jul 10, 2026
@Zac-Smucker-Bryan Zac-Smucker-Bryan marked this pull request as ready for review July 11, 2026 18:09
@Zac-Smucker-Bryan Zac-Smucker-Bryan requested a review from a team as a code owner July 11, 2026 18:09
@vercel

vercel Bot commented Jul 13, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
ionic-framework Ready Ready Preview, Comment Jul 13, 2026 1:33pm

Request Review

@ShaneK ShaneK left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Thanks for this PR!

I talked to the team about this PR and, while it does look solid and solve the issue's title problem, there's a bit more to it than this.

There's actually 2 remaining issues in the original issue that won't be resolved by this PR:

  • Many other aria attributes not being copied
  • Other components that can act like buttons not getting this fix (this was a comment on the issue, but should still be addressed)

The first one I've created an internal follow-up ticket to address because it's much more involved than this solution and something we'll need to review on how to do well. We can't just add 50 @Watchs and call it good.

The second one I'd prefer if we address in this PR

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

Labels

package: core @ionic/core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

bug: ion-button aria-description does not reactively change

2 participants