scale-telekom-header: scale-telekom-nav-flyout cant be opened by pressing enter in scale-telekom-mega-menu #2416
Description
Scale Version
3.0.0-beta.156
Framework and version
Nuxt 4.0.1
Current Behavior
If we use a NuxtLink component instead of a normal HTML button element for the scale-telekom-nav-item, the submenu entries cannot be accessed using the keyboard and therefore cannot be opened by screen reader users or users with motor impairments who rely on the keyboard.
The reason for this implementation is that the menu structure does not provide a way to add a link for the scale-telekom-nav-item on top-level.
Only a normal HTML button element triggers the function to open the scale-telekom-nav-flyout. The link contained in the menu structure always opens the top-level navigation behind the menu item directly.
Expected Behavior
If the menu contains submenu items it should be accessible via pressing the enter key once.
By pressing the enter key a second time it should open the top-level link.
Here is an example for a hybrid navigation
Code Reproduction
https://codesandbox.io/p/devbox/g2fwff
Desktop:
- OS: Windows 11
- Browser: Google Chrome
- Version 138.0.7204.158