Issue Summary

On the "Create/edit page | Children display" page, the parent non-interactive <div> element of the "Expand" modal dialog receives keyboard focus.

Steps to Reproduce

1. Open Confluence.
2. Navigate onto the "Create" button in the header and activate it.
3. Navigate onto the "Insert more contents" > "Other macros" buttons and activate them.
4. Navigate onto the "Children display" button and activate it.
5. Using just a keyboard, tab through the above element.
6. Observe the focus goes onto the <div> that is not interactive.

Screenshot

Actual Results

The non-interactive parent <div> element of the "Children display" modal dialog receives keyboard focus. This is because the <div> element inappropriately uses tabindex="0". This is illogical as only interactive elements should receive focus. This may particularly disadvantage keyboard users. The illogical focus order may make the page difficult to understand and interact with.

Expected Results

Non-interactive elements must not receive keyboard focus. In this case, we would recommend you to remove the tabindex="0" attribute from the <div> element in the DOM.

Code Snippet

<div>
...
</div>

Workaround

Currently, there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2021)
macOs Ventura 13.3.1
Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2023
NVDA- Version 2024.3
Voiceover - Version Latest