Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Open
ienzam opened this issue Mar 20, 2019 · 1 comment
Open

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

ienzam opened this issue Mar 20, 2019 · 1 comment
Labels
area: material/form-field material spec Issue related to the Material Design spec https://material.io/design/ P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Comments

@ienzam
Copy link
Contributor

ienzam commented Mar 20, 2019

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?
@josephperrott josephperrott added material spec Issue related to the Material Design spec https://material.io/design/ P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent labels Jun 4, 2019
@Splaktar Splaktar changed the title Form field should not change border color or width on hover, should change cursor to pointer material/form-field(outline): should not change border color or width on hover Jan 6, 2020
@Splaktar
Copy link
Member

Splaktar commented Jan 6, 2020 •
edited

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: #15583.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
area: material/form-field material spec Issue related to the Material Design spec https://material.io/design/ P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@ienzam @Splaktar @josephperrott @andrewseguin