Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tooltip is not showing text when in modal

See original GitHub issue

Tooltip is not showing text when in modal

What package(s) are you using?

carbon-components
carbon-components-react

Detailed description

Describe in detail the issue you’re having.

When I’m using a tooltip in a modal, I noticed that the text does not show when I click on the tooltip icon as shown below:

Screen Shot 2020-07-31 at 4 45 14 PM

Tooltip shows up fine though when it’s not in a modal. I’m thinking that it’s possibly a z-index issue.

Is this issue related to a specific component?

Tooltip

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

Tooltip text should show when being clicked in modal.

What browser are you working in?

Google Chrome

What version of the Carbon Design System are you using?

“carbon-components”: “10.16.0”, “carbon-components-react”: “7.16.0”,

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

IBM Cloud Catalog

Issue Analytics

State:
Created 3 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

1reaction

kz4151commented, Aug 5, 2020

Hi. Yea that’s what I’m doing for now as a temporary workaround.

1reaction

kz4151commented, Aug 3, 2020

Hi. I created a similar scenario here with a sandbox: https://3he8m.csb.app/ Try clicking on the tooltip. The text does not show. Let me know if you need anymore information.

Top Results From Across the Web

Why do bootstrap tooltips not work in bootstrap modals?

My tooltips are working on the mainpage perfectly.

Tooltips not working in Modals - Okler Themes

Any reason why a tooltip wouldn't work in a Modal? If it inspect the page the tooltip is there, but when I hover...

Tooltips Not Displaying in Modal Content

The tooltip component is getting cut off and stacked below the modal header. I've tried playing with z-index, visibility, overflows, positioning ...

Bootstrap 4 Modal with Tooltip and Popover - CodePen

Insecure Resource. The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https....

bootstrap tooltip for form inputs in bootstrap modal - JSFiddle

Support the development of JSFiddle and get extra features ✌ ; 1. $("input[data-toggle='tooltip']").on('focus', function() { ; 2. $(this).tooltip('show'); ; 3.