angular / components

Component infrastructure and Material Design components for Angular
https://material.angular.io
MIT License
24.14k stars 6.67k forks source link

material/form-field(outline): should not change border color or width on hover #15543

Open ienzam opened 5 years ago

ienzam commented 5 years ago

What is the expected behavior?

Form field should not change border color or width on hover, should change cursor to pointer

What is the current behavior?

Currently on hovering over a form field, border color changes to black, border width becomes thick. Cursor does not change to cursor for MatInput. Expected behavior is defined Spec: https://material.io/design/components/text-fields.html

What are the steps to reproduce?

https://angular-hover-bug.stackblitz.io Just over over any element.

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

All ?

Is there anything else we should know?

Splaktar commented 4 years ago

It looks like the mouse cursor issue is resolved, but the borders on hover are still a problem for the outline appearance.

There is a related, but more comprehensive issue here: https://github.com/angular/components/issues/15583.