Repository navigation
bug: ion-button aria-description does not reactively change #30626
Description
Prerequisites
- I have read the Contributing Guidelines.
- I agree to follow the Code of Conduct.
- I have searched for existing issues that already report this problem, without success.
Ionic Framework Version
v8.x
Current Behavior
With React, if we have a dynamic aria-description such as <IonButton aria-description={count} />, the button inside the shadow dom gets stuck with the initial count.
Expected Behavior
aria-description and pretty much all attributes that are "copied" from the host to the native button inside the shadow DOM should be reactive.
Steps to Reproduce
- Go to https://stackblitz.com/edit/dx7kxrku?file=src%2Fmain.tsx
- Open Devtools
- Observe that the native button inside
ion-buttonhasaria-description="0"even though the component increments it every second
Code Reproduction URL
https://stackblitz.com/edit/dx7kxrku?file=src%2Fmain.tsx
Ionic Info
I don't know what ionic info is. I don't have such a command available anywhere, neither in our project nor on Stackblitz.
Additional Information
No response
Activity
ReneZeidler commentedon Aug 20, 2025
This also applies to other elements which can act as buttons, like
<ion-item>,<ion-card>, etc.fix(button): sync aria attributes to native button reactively
fix(button): sync aria attributes to native button reactively
fix(button): sync aria attributes between host and native button (ion…
ionitron-bot commentedon Oct 17, 2026
Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.