Skip to content

[Tooltip] Do not hide overlay while tooltip is hovered #4942

Closed
@xuanshenbo

Description

@xuanshenbo

Bug, feature request, or proposal:

Feature request

What is the expected behavior?

An option that allows not close tooltip when mouse hovers over tooltip.
Something like: https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip

What is the current behavior?

The tooltip is immediately shown when the user's mouse hovers over the element. The tooltip immediately hides when the user's mouse leaves the element, it treats the tooltip area no difference with other area outside the element.

I understand that I can delay the hide time, but that is a different story.

What are the steps to reproduce?

Providing a Plunker (or similar) is the best way to get the team to see your issue.
Doc site example: https://material.angular.io/components/component/tooltip

What is the use-case or motivation for changing an existing behavior?

As a web user, I found that on many websites, tooltips do not close when I mouse hover over them. This allows me to copy the text in the tooltip.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Material 2.0.0-beta.6

Is there anything else we should know?

If it doesn't sound like a fair feature, is there a workaround I can use to achieve this?
I tried

md-tooltip-component:hover {
  .mat-tooltip {
    visibility: visible;
  }
}

But it did not work

Metadata

Metadata

Assignees

Labels

AccessibilityThis issue is related to accessibility (a11y)P2The issue is important to a large percentage of users, with a workaroundarea: material/tooltiphelp wantedThe team would appreciate a PR from the community to address this issue

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions