bug(menu): Disabled mat-menu-item on anchor tag still clickable
- Lenguaje dominante
- TypeScript
- Estrellas
- 25k
- Forks
- 6.8k
- Merge medio
- 1 d 8 h
- PR fusionados (30 d)
- 91
Descripción
### 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
A disabled mat-menu-item anchor ie` Anchor` looks disabled but is still clickable.
However a regular href ` Google` works as expected
This occurs with the cdk menu item too.
### Reproduction
StackBlitz link: https://stackblitz.com/edit/32sike?file=src%2Fexample%2Fmenu-icons-example.html
Steps to reproduce:
1. Click the 3 dot menu, click Disabled Anchor Click, 'anchor click' is logged to the console
2. Click the 3 dot menu, click Disabled Anchor RouterLink, NewComponent is rendered in the `router-outlet`
### Expected Behavior
### Actual Behavior
### Environment
- Angular: 16
- CDK/Material: 16
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Windows 11
Guía de contribución
Línea de trabajo
Reproduce el problema usando el ejemplo de StackBlitz enlazado, comprobando primero los casos de anclaje de mat-menu-item y CDK menu item descritos en los pasos. Se considera terminado cuando los anclajes deshabilitados ya no invocan el controlador click ni navegan mediante routerLink, mientras que el caso de href normal sigue comportándose como se espera.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- angular, typescript
- Área
- frontend
- Tipo de issue
- Error
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 38/100