Skip to content

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tooltip doesn't show on hover #1805

Closed
geoidesic opened this issue Sep 2, 2023 Discussed in #1802 · 2 comments
Closed

Tooltip doesn't show on hover #1805

geoidesic opened this issue Sep 2, 2023 Discussed in #1802 · 2 comments

Comments

@geoidesic
Copy link

Discussed in #1802

Originally posted by geoidesic September 1, 2023
https://carbon-components-svelte.onrender.com/components/Tooltip

I can appreciate that on click is useful and necessary for mobile devices but it's not useful for desktop, where the idea is that a tooltip provides information about the element you are hovering over.

The one on the IBM live demo works as expected: https://carbondesignsystem.com/components/tooltip/usage/#live-demo

@brunnerh
Copy link
Contributor

brunnerh commented Sep 2, 2023

carbon-components-svelte is still on v10 of the design system while the current version is v11.
Would have to dig through the history but I think this is according to specification.

In v11 Tooltip was sort of split up into two components: Tooltip, which should not contain interactive content and shows on hover and Toggletip, which can have interactive content and requires a click.

You can see a reference to this in the migration guide:

Tooltip, TooltipIcon, and TooltipDefinition are also receiving updates in v11 and mirror some of the changes seen in Notification. For example, Tooltips can now only contain interactive content. For situations that require interactive content, we are shipping a new component: Toggletip.

And the Toggletip docs:

New in v11: Toggletip should be used in place of tooltip if your content will contain interactive elements. If it does not have any interactive content, consider using Tooltip instead.


Integration of v11 is tracked here:

@brunnerh
Copy link
Contributor

brunnerh commented Sep 3, 2023

If you want a simple tooltip that appears on hover you can use TooltipIcon or TooltipDefinition.

@carbon-design-system carbon-design-system locked and limited conversation to collaborators Mar 23, 2024
@metonym metonym converted this issue into discussion #1941 Mar 23, 2024

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants