bug: readonly accordion can be opened using keyboard controls

[averyrousseau]

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

1. Navigate to https://ionicframework.com/docs/api/accordion#individual-accordion-1
2. Use the Tab key to focus the second accordion
3. 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

	if (readonly || disabled) {
	return;
	}

Fixing this in ion-accordion should hopefully be as simple as returning early if readonly is set here:

ionic-framework/core/src/components/accordion/accordion.tsx

Line 384 in f14a59c

private toggleExpanded() {

[ionitron-bot]

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.