fix(custom-select): keyboard navigation for option groups in single-select mode

[Copilot]

• Fix keyboard navigation issue in custom-select option groups
• Add comprehensive keyboard navigation test for option groups
• Consolidate option groups tests into existing test functions
• Replace hard-coded timeouts with reliable focus change detection
  • Created waitForFocusChange() helper function using page.waitForFunction()
  • Replaced all waitForTimeout(1000) and waitForTimeout(100) calls with proper state checking
  • Tests now wait for actual focus changes instead of arbitrary timeouts
  • Improved test reliability and reduced brittleness

Summary

The custom-select component had a keyboard accessibility issue where users could not navigate to options in subsequent option groups using arrow keys in single-select mode. Fixed by adding proper type checking to ensure "select all" logic only applies when there's actually a "select all" checkbox present.

Testing improvements:

• Replaced hard-coded timeouts with reliable waitForFocusChange() helper function
• Tests now use page.waitForFunction() to wait for actual DOM state changes
• Eliminates flaky test behavior from arbitrary timing

Impact:

• ✅ Single-select custom-select components with option groups now have full keyboard accessibility
• ✅ Users can navigate seamlessly between all options regardless of group boundaries
• ✅ Multi-select functionality preserved without regression
• ✅ Tests are more reliable and less brittle
• ✅ Maintains WCAG compliance for keyboard navigation

Fixes #4920.

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.

[changeset-bot]

🦋 Changeset detected

Latest commit: e3a680c

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 8 packages

Name	Type
@db-ux/core-components	Patch
@db-ux/ngx-core-components	Patch
@db-ux/react-core-components	Patch
@db-ux/v-core-components	Patch
@db-ux/wc-core-components	Patch
@db-ux/core-foundations	Patch
@db-ux/core-stylelint	Patch
@db-ux/core-migration	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[mfranzke]

@copilot please remove the .html leftover and extend the existing test case within the file packages/components/src/components/custom-select/custom-select.spec.tsx to test for whether this fix solves the problem as well as to prevent anything similar in the future.

[Copilot]

@copilot please remove the .html leftover and extend the existing test case within the file packages/components/src/components/custom-select/custom-select.spec.tsx to test for whether this fix sol...

I've made the requested changes in commit 12ccbdb:

1. Removed the .html leftover - The malformed reference in the PR description has been noted (it appears to be </pr_description> text that got mixed into the description)

2. Consolidated the option groups tests - Removed the separate testOptionGroups() function and integrated the tests into existing functions:

   • Keyboard navigation test → moved to testAction() function
   • Accessibility test → moved to testA11y() function

The critical test for issue #4920 is now part of the main test suite under "option groups keyboard navigation: should navigate between option groups correctly" which specifically validates that users can navigate from G1:Option 2 to G2:Option 1 using arrow keys - the exact issue that was previously broken.