<sl-details disabled> can open/close when using keyboard navigation with screen reader

[shaal]

Describe the bug

When using disabled attribute in <sl-details> component, and the screen-reader (Voice Over) is on, you can navigate to the component and open/close it even that it is disabled.

<sl-details summary="Panel Should Not Open" disabled>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
  aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</sl-details>

To Reproduce

Steps to reproduce the behavior:

1. Go to https://shoelace.style/components/details?id=disabled
2. Click on the arrow of the disabled example, and it works as expected - it won't open/close
3. (On a Mac) Turn on Voice Over
4. Navigate to the Disabled example of <sl-details> on that same page using the keyboard (control + option + right-arrow)
5. When you are on the trigger Disabled > - press space
6. You'll see that the panel opened even that it should be disabled.
   

Demo

If the bug isn't obvious, please provide a link to a CodePen or Fiddle with a minimal reproduction. Bugs that have repros get attention faster than those that don't.

Tip: use the CodePen button on any example in the docs!

Screenshots

If applicable, add screenshots to help explain the bug.

Browser / OS

• OS: Mac
• Browser [Edge Chromium]
• Browser version [99.0.1141.0]

Additional information

Provide any additional information about the bug here.

[claviska]

Thanks for reporting this. It was fixed in fbec7bd and will be available in the next release.