Repository navigation
bug: readonly accordion can be opened using keyboard controls #28344
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
v7.x
Current Behavior
If you have an ion-accordion with readonly="true", tab to it, and press Enter, the accordion will open. This does not occur if readonly is set on the parent ion-accordion-group.
Expected Behavior
Readonly accordions should not be interactable, even with keyboard controls.
Steps to Reproduce
- Navigate to https://ionicframework.com/docs/api/accordion#individual-accordion-1
- Use the Tab key to focus the second accordion
- Press Enter; the accordion will open
Code Reproduction URL
https://ionicframework.com/docs/api/accordion#individual-accordion-1
Ionic Info
N/A (reproducible from v7 docs)
Additional Information
ion-accordion-group doesn't exhibit this behavior because of this piece:
ionic-framework/core/src/components/accordion-group/accordion-group.tsx
Lines 208 to 210 in f14a59c
Fixing this in ion-accordion should hopefully be as simple as returning early if readonly is set here:
Activity
fix(accordion): prevent opening of readonly accordion using keyboard (#…
ionitron-bot commentedon Feb 23, 2024
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.