angular / angular/components

bug(menu): mat-divider inside a menu missing margin

Ouverte
#19,248 7 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
area: material/divider area: material/menu material spec P4
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

#### Reproduction

[See Stackblitz](https://angular-menu-divider.stackblitz.io)

#### Expected Behavior

The [relevant spec section](https://material.io/components/menus#specs) mandates 8px above and below dividers in a menu. See the example headed "Desktop".

#### Actual Behavior

The divider has no margin above or below. Hover over the items adjacent to it and you can see that their highlight region touches the divider.

#### Environment

- Angular: 9.1.4
- CDK/Material: 9.2.1
- Browser(s): Irrelevant
- Operating System (e.g. Windows, macOS, Ubuntu): Irrelevant

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par la reproduction StackBlitz liée et comparez l'espacement des séparateurs de menu avec la section de la spécification Material Design liée dans l'issue. Le travail est terminé lorsque les séparateurs de menu ont une marge de 8px au-dessus et au-dessous, et que les zones de survol des éléments adjacents ne les touchent plus.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Bug
Difficulté
2/5
Temps estimé
1-3 heures
Activité
À l'abandon
Clarté
Clairement spécifiée
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.