Components: Tooltip triggers have `user-select: none` due to HammerJS

[alexw10]

Reproduction

Use StackBlitz to reproduce your issue:
https://stackblitz.com/edit/angular-xbczsf

Steps to reproduce:

1. Try to select the text in the above stackblitz

Expected Behavior

What behavior were you expecting to see?
I think just because the tooltip is disabled on an element such does not mean the text behind it should not be selectable...

For example in a data table we have tooltips which we disable if the text is less than a certain amount of characters but as soon as it grows to that we enable the tooltip and put an ellipses on it. The problem is the text behind it when the tooltip is disabled is not selectable.

Work around I guess would be to have two divs for this text for example one with tooltip one without but this is very annoying to have to do.

Actual Behavior

What behavior did you actually see?
Text is not highlightable/selectable.

[jelbourn]

This is caused by HammerJS adding inline styles to the tooltip trigger due to using Hammer's longpress for tooltips. The good news is that we're actively removing hammer from the components now (will be part of v9).

[angular-automatic-lock-bot[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._}