Dropdown keyboard nav does not work inside datagrids

[TobiasPankner]

Describe the bug

Keyboard navigation between dropdown-items (arrow up/down) does not work when the dropdown is inside a datagrid. Datagrid elements are focused instead.

How to reproduce

https://stackblitz.com/edit/clarity-15-broken-dropdown-keyboard-nav-vmjztp

Steps to reproduce the behavior:

1. Place a clr-dropdown somewhere inside of clr-datagrid
2. Open the dropdown menu
3. Try to navigate with arrow keys

Expected behavior

The arrow keys should switch around between the dropdown menu items

Versions

Clarity version:

• [ ] v13.x: not tested
• [x] v15.x
• [ ] Other:

Framework version: Angular 15

Device:

Reproducible on chrome with Angular 15

Additional notes

Workaround directive: https://stackblitz.com/edit/clarity-15-broken-dropdown-keyboard-nav-workaround