[MatTooltip] The MatTooltip is showing on click on mobile

[Jak3b0]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

On mobile, the tool tip should appear on long-press, as per documentation.

What is the current behavior?

The tool tip appears on click.

What are the steps to reproduce?

1. On a mobile device, open this link: https://angular-material2-issue-y3usz3.stackblitz.io
2. Click on the button

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

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

Angular 6.0.6
Angular Material 6.3

Is there anything else we should know?

[crisbeto]

What kind of device are you testing against? I couldn't reproduce it on iOS.

[Jak3b0]

I'm on a Google pixel 2

On Mon, Jul 16, 2018, 15:05 Kristiyan Kostadinov ***@***.***> wrote: What kind of device are you testing against? I couldn't reproduce it on iOS. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#12223 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACtpmeWzHqJtJMn0NdrGNMqdgGzezC-Gks5uHOPggaJpZM4VQZfD> .

-- Jacques

[skaiser]

I'm still seeing this issue on iOS (multiple device models). We were mostly able to avoid it on Android by doing:
{
provide: MAT_TOOLTIP_DEFAULT_OPTIONS,
useValue: {
showDelay: 1000,
hideDelay: 0, // default value
touchendHideDelay: 1500, // default value
} as MatTooltipDefaultOptions
},

But it still happens on iOS almost every time.

[skaiser]

Seems like the if statement should be if (!this._platform.IOS) instead of if (!_platform.IOS)?

[anthonyartese]

My solution:
<button #tooltip="matTooltip" (click)="tooltip.toggle()" matTooltip="text" matTooltipPosition="above" aria-label="Button that shows a tooltip"> Tooltip </button>
Pieced this together based on Material documentation for manually toggling show/hide:

[Abdulrahmanh995]

Same here on my Huwawei Mate 10 Lite.
The tooltip is never shown unless triggering it manually based on @anthonyartese solution or on long press.

[AndresSp]

The @anthonyartese solution works like charm for me Angular 5!

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}