Skip to content

mat-input with matTooltip is un-editable in Safari #12953

@mark-langer

Description

@mark-langer

Bug, feature request, or proposal:

Bug

What is the expected behavior?

If I put a matTooltip on a mat-input, the input should still be editable in all browsers.

What is the current behavior?

A mat-input (mat-form-field + input) becomes uneditable due to the user-select: none css property on the input element set by Angular. This css property is set in all browsers but only Safari (latest version) seems to care about preventing the user from changing the input's value.

What are the steps to reproduce?

Add a matTooltip to a mat-input. Try to edit the input with a Safari browser on MacOS. The mere presence of the CSS property may be observed on all browsers.
El Blitzo de Stacko: https://angular-ms9byt.stackblitz.io

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

It would be nice to have the same cross-browser behavior.

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

Angular 6.1.4
Angular Material 6.4.6

Is there anything else we should know?

You guys do great work!

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions