Implement initial auto-active in OnyxSelect

[BoppLi]

Depends on

• Implement OnyxListbox #564
• Implement multiselect for OnyxListbox #732

Why?

Listbox keyboard interaction docs states a default behavior for initializing the keyboard selection for listboxes.

Design

Figma link

Acceptance criteria

• If none of the options are selected before the listbox receives focus, the first option receives focus (active is set true).
• If one or more options are selected before the listbox receives focus, focus is set on the first option in the list that is selected (active is set true).
• this should also work when
  • selecting an option via mouse
  • click on the background of the application
  • open the OnyxSelect via tab + space/enter

Definition of Done

• covered by component tests
• screenshot tests are updated
• follow-up tickets were created if necessary
• updated version + documentation is deployed
• Storybook can show the feature
• Set task to In Approval

Approval

• add link to deployed storybook
• add link to deployed docs
• approved by designer @jannick-ux
• approved by dev add dev tag

Implementation details

• use the active property of the listbox option

Applicable ARIA Pattern

Listbox pattern

Out of scope

• what happens when the active option is not available, e.g. because of lazy loading? -> out of scope
  • Implement OnyxSelect advanced async API #1649