[issue] Angular Material官方文檔 Menu部分文檔更新問題
最近在使用angular material( 版本^7.3.7)的menu時,發現Angular Material的menu預設彈出位置是在icon下方,跟臉書網站貼文右上角icon的選單彈出位置雷同。
但是也有不少material design的選單會覆蓋整個icon
在找尋設定方法後,了解在<mat-menu></mat-menu>
上,加上[overlapTrigger]="true"
設定,彈出選單會覆蓋整個icon。
但根據文檔說明,選單預設就會重疊在觸發選單的按鈕上,想取消行為就要設定
[overlapTrigger]=“false”,跟現在版本的angular material menu相反。
https://material.angular.io/components/menu/overview?fbclid=IwAR0VwYfp7HyiEJTFIgvHGcy-lPnqiXvx8xn1cB4XVDzynCqz6eZxR0J72OM
猜測原因出在angular material舊版預設行為會覆蓋icon,但新版預設[overlapTrigger]=“false”。文檔這地方仍待對新版改變預設行為做說明。