[英]Angular Material ( mat-chip-list cutted if height of block is big ). The only on Android
<div fxFlex="100" fxFlex.gt-sm="80" fxFlex.sm="100">
<div *ngFor="let perm of arrayOFobjectPermissions; let z = index" class="permissions-list">
<mat-card [title]="perm.type" class="card-permissions-role" >
<mat-card-header>
<mat-card-title>{{ perm.type }}</mat-card-title>
</mat-card-header>
<mat-chip-list [multiple]="true" >
<mat-chip *ngFor="let permissionsNames of perm.res; let i = index"
selected="{{ !outlined[z][i] }}"
(click)="addRole(z, i, permissionsNames.name)"
[value]="permissionsNames.name"
[selectable]="true" style="cursor: pointer">
{{ permissionsNames.name }}
</mat-chip>
</mat-chip-list>
</mat-card>
</div>
</div>
如果 mat-chip-list 塊的大小大於 700 像素,則會發生這種情況。 在所有移動版本中的 Android 上。 在此處輸入圖像描述
默認情況下,材質 mat-card 設置為自己的樣式。 這就是原因。
溢出:隱藏;
需要更改為 -->溢出:可見; 在 mat-card 的 scss 文件中。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.