角材料(如果块的高度很大，则切割垫片列表).唯一在安卓上

Question

<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>

如果垫芯片列表块的大小大于 700px 左右，则会发生这种情况。 在所有移动版本的 Android 上。在此处输入图像描述

在此处输入图像描述

Answer 1

默认情况下，材质垫卡设置为自己的样式。这就是原因。

溢出：隐藏;

需要更改为 -->溢出：可见;在 SCSS 文件中用于垫卡。