TableRowCell Component Changes Cursor to Pointer on Non-clickable Elements

Hi,

Looks like the default behavior of the TableRow component from nr1 is to change the cursor on hover to a hand pointer even when there are no clickable elements on the table. For instance this simple table:

<Table 
  items={this._getLegendTableData()}
  className="legendTable"
>
  <TableHeader>
    <TableHeaderCell>Legend</TableHeaderCell>
  </TableHeader>
    {({ item }) => (
      <TableRow>
        <TableRowCell>
          <Icon
            className={item.className}
            type={Icon.TYPE.HARDWARE_AND_SOFTWARE__KUBERNETES__K8S_NODE}
            color={item.color}
            sizeType={Icon.SIZE_TYPE.SMALL}
          />
          <BlockText spacingType={[BlockText.SPACING_TYPE.MEDIUM]}>{item.value}</BlockText>
        </TableRowCell>
      </TableRow>
    )}
</Table>

Produces this:
com-video-to-gif

I was able to change the css of the TableRowCells to resolve this, but it seems like this shouldn’t be the default behavior.

1 Like

Great suggestion! I’ll let the team know that this shouldn’t be default behaviour! Thanks @alex.plaza.gonzalez

1 Like

Thank you, @RyanVeitch!

1 Like

Just a follow up note that while I don’t have a timeline for fix, the team recognised this as a bug, and we have a bug ticket filed with the devs for this to be fixed :slight_smile:

1 Like