angular / angular/components

bug(input, select, autocomplete): wrong hover indicator on hover error and hint

Open
#26,492 0 comments 0 reactions 0 assignees View on GitHub
area: many P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

If a user hovers over a hint or an error message, the hover focus indicator of the component is triggerd.

![inputs-error-and -hint](https://user-images.githubusercontent.com/27373333/214421520-020d0d6e-a529-4473-9047-3f6492b4bfe6.gif)

![inputs-hint](https://user-images.githubusercontent.com/27373333/214419823-e1fc36d9-721c-4ecd-b162-f2987a943b3b.gif)

![inputs-error](https://user-images.githubusercontent.com/27373333/214419917-3d205494-1e52-41ba-a39d-29e3a69056f4.gif)

(blank error message...)

### Reproduction

Steps to reproduce:
1. https://material.angular.io/components/input/examples
2. hover over email hint, force email validation error, hover over mat-error

### Expected Behavior

no hover focus indicator for components if hover on hint or error message

### Actual Behavior

hover focus indicator for components if hover on hint or error message

### Environment

- Angular: 15.1.1
- CDK/Material: 15.1.1
- Browser(s): all
- Operating System (e.g. Windows, macOS, Ubuntu): all

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the behavior at the Material input examples URL, following the email hint and validation-error steps. Inspect the input, select, and autocomplete hover behavior and verify that hovering a hint or mat-error no longer triggers the component's hover focus indicator.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.