gpt4 book ai didi

autocomplete - 显示在对话框后面的垫子选择选项

转载 作者:行者123 更新时间:2023-12-04 04:42:27 24 4
gpt4 key购买 nike

我将表单输入、带选项的 mat select 和带选项的自动完成字段也包含在 matDialog 框中。
问题是选项显示在对话框后面。我已经遇到过这些解决方案 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 索引的冲突造成的。所以我把下面的 CSS 放在我的 global.css 中解决了这个问题:

.cdk-overlay-container, .cdk-overlay-pane {
z-index: 9999 !important;
}

关于autocomplete - 显示在对话框后面的垫子选择选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52203275/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com