[6.0.0-rc.0] mat-tooltip on mat-button flickering on click

[benneq]

Bug, feature request, or proposal:

When putting mat-tooltip on a <button mat-button or <a mat-button (or mat-icon-button), and clicking the button, the tooltip will disappear for a few milliseconds.

This does not happen always. But it happens (nearly) always when hovering an clicking the button for the first time. All (?!) subsequent clicks don't have this issue.

What is the expected behavior?

Consistency. Always flicker or (what I would prefer): Never flicker.

What is the current behavior?

It's sometimes flickering.

What are the steps to reproduce?

Providing a StackBlitz reproduction is the best way to share your issue.

StackBlitz starter: https://goo.gl/wwnhMV

https://stackblitz.com/edit/angular-material2-issue-jqgyyp?file=app/app.component.html
The last table column contains 2 mat-buttons (one with <button and one with <a), each with a mat-tooltip.
Hover it, click it, watch the tooltip.

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

Consistency, better UX.

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

Angular 6.0.0-rc.1
Angular Material 6.0.0-rc.0
Angular CLI 6.0.0-rc.1

Chrome 65

Is there anything else we should know?

nope

[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.}