[Bug]: Accordion: If nested (inner) accordion items are closed - the outer accordion item should stay open

[spdev3000]

Code of conduct

• I agree to follow this project's code of conduct.

Impacted component(s)

Accordion

Expected behavior

If a we have a nested accordion component and user closes the inner accordion item - the outer accordion item should stay open.

Actual behavior

Both the inner and outer accordion items are closed, when the inner accordion item is clicked (toggled).

Screenshots

No response

What browsers are you seeing the problem in?

Chrome, Microsoft Edge

How can we reproduce this issue?

1. Go to https://studio.webcomponents.dev/edit/01mzZI5ib23u0qSQdvrC/src/index.ts?p=stories
2. Click on 2nd accordion item to open the inner accordion
3. Click on any of the inner accordion items
4. See that the outer accordion closes as well

Sample code or abstract reproduction which illustrates the problem

No response

Severity

SEV 2

Logs taken while reproducing problem

No response

[najikahalsema]

SWC-668