[Bug]: Link does not navigate when placed inside a Tooltip inside a Tab's label

[hnjoshi]

Code sandbox link for testing: https://codesandbox.io/s/tool-tip-test-glsgf?file=/index.js

I have a Tooltip with learn more link inside Tab's label prop which does not trigger new tab with link.

[tay1orjones]

Thanks for opening @hnjoshi! Please use the bug report template when opening issues to help ensure we get all the pieces of information we need to act on reported issues.

I can add some additional context since this was discussed in slack

• This is present in v10.46.0 and is present back to v10.40.0 (that's as far back as I went testing)
• I'm not sure how/if this was working in the past
• I lean towards it never working since Tabs explictily preventsDefault when a tab is selected https://github.com/carbon-design-system/carbon/blob/3c9fdbcc12116759c47605ad562aa4d3be78b9d5/packages/react/src/components/Tabs/Tabs.js#L333-L336
• This is not specific to usage within tooltip - a Link placed within a Tab has the same behavior

[tay1orjones]

A workaround (not ideal, but it works) for this would be to apply an onClick handler to the Link and programmatically navigate the browser

https://codesandbox.io/s/tool-tip-test-forked-s4nqz?file=/index.js

[hnjoshi]

It would be good to have actual fix.

[imp-dance]

It would be good to have actual fix.

Have you tried stopping propagation on the link?

<a href="..." onClick={(e) => e.stopPropagation()}>...</a>

Tried on the CodeSandbox, seems to work.

https://codesandbox.io/s/tool-tip-test-forked-2-hy1co?file=/index.js

[hnjoshi]

@imp-dance onClick={e => e.stopPropagation()} This solution works great. Thank you :)

[carbon-bot]

Hi there! 👋 You may have seen that v10 reached it's end of support on September 30, 2024. In the interest of keeping a tidy issue queue, issues flagged as relating to v10 will be closed.

If this issue is still relevant, please open a new issue with a link to this issue and a reproduction that uses v11.

Thanks again for your participation and contributions to this issue and the Carbon ecosystem! 💙