Skip to content

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

Description

@anilanar

Prerequisites

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

  1. Go to https://stackblitz.com/edit/dx7kxrku?file=src%2Fmain.tsx
  2. Open Devtools
  3. Observe that the native button inside ion-button has aria-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

Metadata

Metadata

Assignees

No one assigned

    Labels

    a11yAccessibility related issuestype: buga confirmed bug report

    Type

    Projects

    Status
    In progress

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions