Skip to content

Table row on hover should not be transparent #964

@FrankieBortot

Description

@FrankieBortot

Describe the bug

When hovering a table row, the background is a color with 12% opacity. When there's a sticky column (ie: the action column on the right), when hovering a row, the background is no longer opaque and therefore the content of the sticky column (in the front) overlaps the content below, making it hard to read.

Screen.Recording.2025-06-10.at.17.45.52.mov

To Reproduce

Find a table with a sticky column (ie: https://mia-platform.github.io/design-system/?path=/story/components-table--scroll) and hover on a row; try scrolling horizontally so see the content below the sticky column appear.

Expected behavior

When hovering a row, the content of the cell in the sticky column should be readable and shouldn't be possible to read the content below; therefore, it suggested that a white background is added to the container of the cell.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Table componentTable component and hooks related activitiesbugSomething isn't working

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions