Keyboard focus jumps when opening accordion section

[matteason]

Version

@nuxt/ui: v2.8.0
nuxt: 3.7.1

Reproduction Link

https://ui.nuxt.com/elements/accordion

Steps to reproduce

1. Tab to the 'Getting started' accordion section heading in the first example
2. Press the enter key or spacebar to collapse the accordion section
3. Press it again to expand the accordion section
4. Observe that focus now jumps to the last accordion heading in the list

What is Expected?

Focus should remain on the same accordion heading when the section is expanded or collapsed

What is actually happening?

Expanding an accordion section moves focus to the last accordion heading (except when you expand the last section, in which case focus moves to the second-to-last heading). This is an accessibility issue; the user will not expect focus to jump from the section they've interacted with

Note that the focus also moves if you use the mouse to expand the section, but it's less visbile because focus styles are only used when interacting with the keyboard

[Haythamasalama]

Indeed, there is an issue with the closeOthers. After disabling it, it works on https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Accordion.vue#L103

[matteason]

@benjamincanac Can this issue be reopened please? The pull request that's been merged doesn't solve the issue raised - see #735 (comment)