Skip to content

[Bug]: No hover effect on table row #35586

@markuslindmark

Description

@markuslindmark

Component

Table

Package version

9.72.9

React version

18

Environment

System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  npmPackages:
    @fluentui/react-components: ^9.72.9 => 9.72.9 
    @fluentui/react-icons: latest => 2.0.316 
    @types/react: ^17 => 17.0.90 
    @types/react-dom: ^17 => 17.0.26 
    react: ^18 => 18.3.1 
    react-dom: ^18 => 18.3.1

Current Behavior

When neutral as appearance the hover effects is not visible on selected rows.
When using brand as appearance the hover effect is shown on selected rows.

Expected Behavior

Hover effect should also be visible on selected rows when using neutral as appearance on tableRow.

Reproduction

https://stackblitz.com/edit/8yvtal5e-oxkmgdv9?file=src%2Fexample.tsx

Steps to reproduce

Use neutral as appearance on a selectable table row component

Are you reporting an Accessibility issue?

None

Suggested severity

High - No workaround

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

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions