Skip to content

Polaris ActionList a11y issue. #12336

@zaquille-oneil

Description

@zaquille-oneil

Summary

while working on a PR which implements an <ActionList /> nested underneath a <Popover />, I discovered an a11y issue. It seems like after making a selection and closing the <ActionList />, the focus does not return to the activator of the Popover.

Expected behavior

I expect the focus to return to the next focusable element in the DOM.

Actual behavior

Video https://screenshot.click/03-40-r7ldf-hzrsb.mp4

Steps to reproduce

image

Render an action list within a popover.

  • open the popover
  • tab to an option
  • hit enter
  • notice that the focus goes to the top of the page

Are you using React components?

Yes:

Polaris version number

"@shopify/polaris-internal": "13.12.0"

Browser

Chrome

Device

MacOS Sonoma 14.5 Apple M1 Pro 14"

Metadata

Metadata

Labels

BugSomething is broken and not working as intended in the system.untriaged

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions