[Bug]: Strange white box appears around links in tooltip

[vsnichols]

Package

carbon-components

Browser

Chrome, Firefox

Package version

Any version

Description

When the use opens a tooltip with a link the link is in a white box which looks weird and distracts from the actual content. Seems to happen across browsers.

Sometimes it actually seems to push the content around in order to fit it into the box.

Screenshots

Steps to reproduce

Go to https://cloud.ibm.com/kubernetes/overview and click on tooltip in pricing section to see an example but appears everywhere where tooltip has a link.

FYI I had to choose a "Package" but I am a designer and am not sure which was the correct selection

Code of Conduct

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

[tay1orjones]

@vsnichols Hi! This is intentional, it's the focus ring. The ring gets the inverse focus token --cds-inverse-focus-ui when inside a tooltip/popover. Focus is being placed on the link when the tooltip opens, and so the ring gets placed around it. This matches the visual style of the link placed in the Toggletip example here, though the link does not get focus immediately when it opens in our example. It might be application code that's doing the immediate focus, I'm not sure.

I'm going to close this as it's expected behavior but I'm happy to answer any further questions or concerns for you here!