bug(mat-menu-item): iconPositionEnd and matButtonIcon is not available for mat-menu-item
- 主要语言
- TypeScript
- 星标
- 25k
- 派生
- 6.8k
- 平均合并
- 1 天 8 小时
- 30 天内合并 PR
- 91
描述
### Is this a regression?
- [X] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
14.x
### Description
Since there was a change in mat-menu-item, that all icons are moved to the start, it is not possible anymore to place icons after the label. This breaks our current design (we have icons in front and after the label)
v15: https://github.com/angular/components/blob/15.2.x/src/material/menu/menu-item.html
v14: https://github.com/angular/components/blob/14.2.x/src/material/menu/menu-item.html
The solution would be to also support `iconPositionEnd` for mat-menu-items as it was done for mat-button.
https://github.com/angular/components/blob/15.2.x/src/material/button/button.html#L11
`matButtonIcon` should be supported as well.
_Bonus_: It would probably be even better to _not_ pull the icons automatically to a certain position (like it was before) or to have an additional attribute, so that an icon is not effected by the pulling (e.g. `iconPositionInline` --> `...`). I am not sure, if this is possible with the new mdc and the change happened in the first place, because the new css-class effected the icons. Nevertheless, iconPositionEnd should be possible.
Thank you!
~Manuel
### Reproduction
```
settings
Settings
open_in_new
```
### Expected Behavior
It should be possible to have buttons at the start and at the end (or inline).
### Actual Behavior
Both/all icons are in the start.
### Environment
- Angular: 15
- CDK/Material: 15
- Browser(s): all
- Operating System (e.g. Windows, macOS, Ubuntu): all
贡献指南
调研方向
比较 v15.2.x 和 v14.2.x 参考中的 src/material/menu/menu-item.html,然后检查相关的 src/material/button/button.html 示例中的 iconPositionEnd 和 matButtonIcon。使用提供的、标签前后都有图标的 mat-menu-item 复现;当末尾图标可以保持在末尾、起始图标保持在开头时,即表示完成。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- angular, typescript
- 领域
- frontend
- Issue 类型
- 缺陷
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 活跃度
- 停滞
- 描述清晰度
- 描述清楚
- 新手友好度
- 45/100