microsoft / fluentui

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
https://react.fluentui.dev
Other
17.75k stars 2.65k forks source link

[Bug]: Switch disappears on mouse-down in high contrast (forced colors) #31244

Closed behowell closed 1 week ago

behowell commented 2 weeks ago

Library

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

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (8) x64 Intel(R) Core(TM) i7-1065G7 CPU @ 1.30GHz
    Memory: 858.39 MB / 15.60 GB
  Browsers:
    Edge: Chromium (123.0.2420.97), ChromiumDev (123.0.2420.10)
    Internet Explorer: 11.0.22621.1

Are you reporting Accessibility issue?

yes

Reproduction

https://react.fluentui.dev/?path=/docs/components-switch--default

Bug Description

Actual Behavior

Requires system high contrast theme enabled: on Windows: Settings > Accessibility > Contrast themes > Aquatic.

When the switch is selected ("on"), and the mouse is pressed down, the switch disappears. It reappears when the mouse is released.

https://github.com/microsoft/fluentui/assets/48106640/e92c4581-9624-47d5-bebe-1e1b9390ddc5

Expected Behavior

The Switch should not disappear.

Logs

No response

Requested priority

Normal

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations