Skip to content

[Bug]: focus indicators don't work in Shadow DOM [v9] #27760

@layershifter

Description

@layershifter

Library

React Components / v9 (@fluentui/react-components)

System Info

N/A

Are you reporting Accessibility issue?

no

Reproduction

https://codesandbox.io/s/old-field-hbt64i

Bug Description

Actual Behavior

A button does not have a focus ring

Expected Behavior

If Tab will be pressed once more, a focus ring appears on a button outside Shadow DOM properly
fill this out

image

Logs

N/A

Requested priority

High

Products/sites affected

N/A

Are you willing to submit a PR to fix?

no

Validations

  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • The provided reproduction is a minimal reproducible example of the bug.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions