Clarity: Datagrid with open Master Detail prevents focus

[TekSiDoT]

Describe the bug

Opening the detail view on a Datagrid prevents form elements outside of this Datagrid to be focused.

How to reproduce

Stackblitz: https://stackblitz.com/edit/clr-datagrid-detail-focus-rebounder

Repro:

1. Select 'My name' -> is focusable and editable
2. Open the detail view by clicking a '>>' button of any row
3. 'My name' is no longer focusable

Expected behavior

Form elements should remain focusable even if a Datagrid Detail is shown.

Versions

App

• Angular: 8.2.9
• Clarity: 3.0.0-next.1

Device:

• Type: MacBook Pro
• OS: MacOS Catalina
• Browser Chrome 78

Additional notes

The error seems to be caused by two span elements before and after the root app element with the class offscreen-focus-rebounder which seem to be related to clrFocusTrap

[hippee-lee]

I believe that this behavior is needed to make the detail pane accessible to screen reader users.
Is this correct @chlane ?

[gnomeontherun]

This is something I fixed in a version of the detail pane, the focus trap is too greedy in some cases (though in a modal it is sensible).

[chlane]

Yes we are doing this to serialize the focus order for keyboard-only and screen reader users using the TAB key while the detail pane is open.

[TekSiDoT]

Does removal from the backlog indicate low priority?

[gnomeontherun]

No we're changing how we organize issues.

[github-actions[bot]]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.