Skip to content

[Bug]: Odd/unexpected behaviors with iconDescription in some DataTable components #19233

@ecrvich

Description

@ecrvich

Package

@carbon/react

Browser

Chrome

Package version

1.80.0

React version

18.3.1

Description

See the following Slack thread, where there's some detail and discussion with Taylor (who recommended I open an issue).

https://ibm-systems-z.slack.com/archives/C2K6RFJ1G/p1744385920711509

Summarizing here:

  • iconDescription with TableToolbarMenu displays two tooltips at once (title-style and Carbon Tooltip-style)...I have to add title="" in order to prevent the duplicate hover message
  • if I omit iconDescription from TableToolbarMenu completely, then it generates its own Tooltip-style hover message that says "Settings", which is incorrect/unwanted for my use case
  • iconDescription doesn't show any tooltips for TableBatchAction or Button
  • I have to use title with TableBatchAction; Tooltip doesn't work with it even though it's an interactive component

Not sure what the intended behaviors in each case are, so not really sure which are bugs and which are intended. Some consistency might be nice, though.

Reproduction/example

https://stackblitz.com/edit/github-iy4qxul6?file=src%2FApp.tsx&preset=node=

Steps to reproduce

Observe the various behaviors when using iconDescription with TableToolbarMenu, TableBatchAction, and Button in the given StackBlitz example. Also shows how Tooltip doesn't work with TableBatchAction.

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Application/PAL

CDD Hub

Code of Conduct

Metadata

Metadata

Assignees

No one assigned

    Type

    Severity

    None yet

    Projects

    Status
    ✅ Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions