bug(menu): Disabled mat-menu-item on anchor tag still clickable
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
### 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
Beitragsleitfaden
Rechercherichtung
Reproduziere das Problem mit dem verlinkten StackBlitz-Beispiel und prüfe zuerst die in den Schritten beschriebenen Ankerfälle für mat-menu-item und CDK menu item. Die Aufgabe ist erledigt, wenn deaktivierte Anker den click-Handler nicht mehr aufrufen oder über routerLink navigieren, während sich der reguläre href-Fall weiterhin wie erwartet verhält.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- angular, typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 38/100