[Bug]:

[jordan-bravo]

Package

carbon-components-react

Browser

Chrome, Firefox

Package version

v7.44.2

Description

When using DataTable with selection and isSortable, on hover over the left-most column header, the hover state effect appears to bleed into the selection column on the left side. In the Carbon docs (https://www.carbondesignsystem.com/components/data-table/usage/), there is a live demo and if the “With selection” variant is selected and “isSortable” is checked, the same issue is reproducible. This appears to be an issue with Carbon.

Screenshots

Steps to reproduce

Use DataTable component with selection and sortable. Hover over the left-most column header.

Expected behavior: Hover state effect should not bleed into selection column on left side.

Actual behavior: Hover state effect bleeds into election column on left side.

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[jnm2377]

Closing as dup of #9837, which got fixed last week. Fix should be included in our next release. :)