[Tooltip] Cannot select elements with tooltips attached

[patrikbjork]

Bug, feature request, or proposal:

The text within an element having a tooltip can't be selected. Also the cursor doesn't change to text cursor in Firefox.

What is the expected behavior?

The text should be selected either by dragging the cursor or by double-clicking.

What is the current behavior?

The text cannot be selected and in Firefox the cursor doesn't change to text cursor.

What are the steps to reproduce?

Go to https://material.angular.io/components/tooltip/overview and try to select the text "I have a tooltip".

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

The user may want to select and copy the text.

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

Tested version is Angular 4.3.6, Material 2.0.0-beta.10 on Chrome and Firefox.

Is there anything else we should know?

[crisbeto]

This seems like it's the same issue as #6484. Hammer adds user-select: none on the host element.

[jinalskothari]

For future reference, in the root module, do the following:

import { MAT_HAMMER_OPTIONS } from '@angular/material';
  @NgModule({
  // other stuff goes here
  providers: [
    // other stuff goes here
    {
      provide: MAT_HAMMER_OPTIONS,
      useValue: { cssProps: { userSelect: true } },
    },
  ],
})

I do not know if different settings per feature module is possible.

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