autocomplete – Mat选择显示在Dialog后面的选项
发布时间:2020-12-17 18:11:24 所属栏目:安全 来源:网络整理
导读:我包括表单输入,mat选择选项和自动完成字段以及选项也进入matDialog框. 问题是选项显示在Dialog后面.我已经遇到过这些解决方案 solution1,但没有解决这个问题. 这是我的代码: mat-form-field class="wrapField" mat-select (selectionChange)="selectChange
我包括表单输入,mat选择选项和自动完成字段以及选项也进入matDialog框.
问题是选项显示在Dialog后面.我已经遇到过这些解决方案 solution1,但没有解决这个问题. 这是我的代码: <mat-form-field class="wrapField"> <mat-select (selectionChange)="selectChange($event)" formControlName="product" placeholder="Alle Produkte"> <mat-option *ngFor="let product of products" value="{{product.id}}">{{product.nummer}}</mat-option> </mat-select> </mat-form-field> <mat-form-field class="wrapTime"> <input matInput placeholder="Startzeit" [formControl]="myControl" [matAutocomplete]="auto" formControlName="startTime" required> <mat-autocomplete #auto="matAutocomplete"> <mat-option *ngFor="let option of filteredOptions | async" [value]="option"> {{option}} </mat-option> </mat-autocomplete> </mat-form-field> 这里是style.css文件: .cdk-global-overlay-wrapper,.cdk-overlay-container { z-index: 99999 !important; } 任何想法如何解决? 解决方法
我也有同样的问题.正如您所知,这个错误是由于z-indices的冲突造成的.所以我将以下CSS放在我的global.css中解决了这个问题:
.cdk-overlay-container,.cdk-overlay-pane { z-index: 9999 !important; } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |