Skip to content

[bug]: tooltip issue in toolbar of data table #2625

Open
@lionriver

Description

@lionriver

Detailed description

Describe in detail the issue you're having.

there are some issues about tooltip in toolbar of data table:

  1. icon in table header displayed over tooltip for action button
  2. tooltip text only displayed in one line.

Is this a feature request (new component, new icon), a bug, or a general issue?

A bug

Is this issue related to a specific component?

tooltip, table

What did you expect to happen? What happened instead? What would you like to see changed?

  1. icon in table header should not display above tooltip when hover to show tooltip
  2. tooltip text should display multiple lines, but currently only one line displayed.

What browser are you working in?

Chrome, Firefox, Edge

What version of the Carbon Design System are you using?

"carbon-components": "10.58.3",
"carbon-components-angular": "^5.7.4",

What offering/product do you work on? Any pressing ship or release dates we should be aware of?

Steps to reproduce the issue

https://codesandbox.io/p/sandbox/optimistic-river-sd3q2p?file=%2Fsrc%2Fapp%2Fapp.component.html%3A28%2C59

  1. Create a table with icon in table header and with tooltip for its toolbar action buttons
  2. Select one or more items in table
  3. Hover on toolbar action button to show its tooltip

Additional information

  • Screenshots or code
  • Notes

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions