Skip to content

bug(material/table): Row hover effect is not working since v17.2 (maybe earlier) #29183

Open
@PowerKiKi

Description

@PowerKiKi

Is this a regression?

  • Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

Angular 16

Description

In Angular Material 16, it was possible to have an hover effect on the entire row of tables, as demonstrated in #26203 (as long as we were able to workaround the bug described in #26203).

After a migration to Angular Material 17, the hover effect disappeared. And it is still not back in v18.

The spec defines row hover, and MDC supports it .

Reproduction

You might clone the reproduction repository locally via https://github.com/PowerKiKi/mat-table-v17-does-not-highlight-rows-on-mouseover-anymore. It includes branches for v16.1, v17.2, v17.3 and v18.0.

Or else, see the repo directly on StackBlitz:

Expected Behavior

Row hover effect must be either be enabled by default, like in v16, or if it might break sticky columns as described in #26730, it should be at least enableable via an attribute/config somewhere.

Actual Behavior

Row hover effect is not happening anymore.

Environment

  • Angular: 16.1 / 17.2
  • CDK/Material: 16.1 / 17.2
  • Browser(s): Chrome 125
  • Operating System (e.g. Windows, macOS, Ubuntu): Ubuntu

Activity

added
needs triageThis issue needs to be triaged by the team
and removed
needs triageThis issue needs to be triaged by the team
on Jun 5, 2024
added
P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
regressionThis issue is related to a regression
and removed
needs triageThis issue needs to be triaged by the team
on Aug 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/tableregressionThis issue is related to a regression

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @PowerKiKi@amysorto@mmalerba

        Issue actions

          bug(material/table): Row hover effect is not working since v17.2 (maybe earlier) · Issue #29183 · angular/components