microsoft / fluentui

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

[Bug]: DataGrid select all checkbox does not show on hover with subtle selection #32904

Open rocketBANG opened 2 weeks ago

rocketBANG commented 2 weeks ago

Library

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

System Info

System:
    OS: Windows 10 10.0.22631
    CPU: (16) x64 Intel(R) Core(TM) i7-10700 CPU @ 2.90GHz
    Memory: 8.37 GB / 31.71 GB
  Browsers:
    Edge: Chromium (127.0.2651.74)
    Internet Explorer: 11.0.22621.3527

Are you reporting an Accessibility issue?

yes

Reproduction

https://stackblitz.com/edit/dnldq2?file=src%2Fexample.tsx

Bug Description

Actual Behavior

The select all checkbox is not visible when nothing is selected and the user hovers their mouse over that area

image

Expected Behavior

The select all checkbox would show up when hovering over with the mouse or focusing with the keyboard, similar to the other rows in the list

Logs

No response

Requested priority

Normal

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

rocketBANG commented 2 weeks ago

I have this workaround for now but it would be nice to not need it

.fui-DataGridHeader:hover {
    .fui-DataGridSelectionCell {
        opacity: 1;
    }
}