Skip to content

[Bug]: HC mode > Focus indicator is not visible for pressed toggle button #26062

Description

@kolaps33

Library

React Northstar / v0 (@fluentui/react-northstar)

System Info

System:
    OS: Windows 10 10.0.22621
    CPU: (12) x64 Intel(R) Xeon(R) E-2176M  CPU @ 2.70GHz
    Memory: 17.39 GB / 31.74 GB
  Browsers:
    Edge: Spartan (44.22621.963.0), Chromium (108.0.1462.54)
    Internet Explorer: 11.0.22621.1

Are you reporting Accessibility issue?

no

Reproduction

https://codesandbox.io/s/ovbmp8?file=/example.tsx

Bug Description

  1. Change Windows HC mode into "aquatic"
  2. Press toggle button(s) into pressed state
  3. Navigate to the toggle button which has "pressed" state
    https://react.fluentui.dev/?path=/docs/components-button-togglebutton--default#shape

Actual Behavior

image
image

Expected Behavior

focused button should has visible focus indicator

Logs

No response

Requested priority

Normal

Products/sites affected

No response

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

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions