Library

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

System Info

System:
    OS: Linux 5.4 Ubuntu 20.04.5 LTS (Focal Fossa)
    CPU: (8) x64 Intel(R) Core(TM) i5-8250U CPU @ 1.60GHz
    Memory: 11.54 GB / 31.21 GB
    Container: Yes
    Shell: 5.0.17 - /bin/bash
  Browsers:
    Chrome: 107.0.5304.110
    Firefox: 107.0

Are you reporting Accessibility issue?

No response

Reproduction

https://codesandbox.io/s/lingering-tdd-iqqvt4?file=/example.tsx

Bug Description

Actual Behavior

Focus visible and border overflowing dialog content when pressing the checkbox label.

Expected Behavior

• Focus not visible unless tabbing through the content.
• Focus border should overflow dialog content when visible.

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.