1566021 - Navigating via ‘Tab’ key will get the user stuck in a loop in the details page

Status: NEW

(Toolkit :: Add-ons Manager, defect, P3)

Description

[Alex Cornestean]

Attachment: 'Tab' navigation stuck in a loop.gif

[Affected versions]:
• Firefox 70.0a1 (20190714214027)
• Firefox 69.0b4 (20190712011116)
• Firefox 68.0 (20190705220548)

[Affected platforms]:
• Windows 10 Pro 64-bit
• macOS High Sierra 10.13.6

[Prerequisites]:

Have an add-on installed and displayed in the Extensions Tab in about:addons.

[Steps to reproduce]:

1. Navigate to the about:addons page
2. Access the Extensions tab
3. Click on the installed add-on to access its detail page (the Details tab will be selected by default)
4. Press the ‘Tab’ key on the keyboard to navigate through the detail page
5. Notice that the user gets stuck in the section beneath the add-on's description and unable to reach the top of the page through Tab cycling

[Description]:
Navigating the add-on’s detail page via the Tab key will get the user stuck in a loop in the section under the add-on’s description. For further details, please see the attached video.

[Expected results]:
Navigating throughout the add-on’s detail page via the Tab key should cycle the user back to the top of the page when reaching the options at the bottom.

[Actual results]:
The user is stuck in a loop in the section under the add-on’s description when navigating with the Tab key.

Comment 1

[Mark Striemer [:mstriemer]]

Removing the shadow DOM in the named-deck element appears to fix this. I tried copying that component to a codepen and it worked as expected with shadow DOM though. Will need to look into this more, I'm not seeing anything explicitly moving the focus.