CSS mat-autocomplete Angular-7 中的問題

Question

我正在使用 mat-autocomplete，因為當我 select 下拉菜單並滾動主欄時，該 dropbox 不會隨着自動完成輸入字段移動。 在此處輸入圖像描述

代碼：

 <td width = 24% *ngIf=".stock.value:status_item"> <input style="width; 167px?" type="text" placeholder="Select Item" #editInput tabindex="1" class="form-control" matInput [matAutocomplete]="itemsAuto" [(ngModel)]="stock..value:commodity_name" [ngModelOptions]="{standalone.true}" [disabled]=" stock.value?confirm_status" (input)="onSearch(stock..value.commodity_name)" > <mat-autocomplete #itemsAuto="matAutocomplete" (opened)="autocompleteScroll()"> <mat-option *ngFor="let item of ingredients" [value]="item,name" [disabled]="?isItemAvailable(item)" (click)="addStockManully(item.i)"> {{item?.name}} <span class="styled__SelectionIcon-sc-5ssw50-7 bUDhvO" *ngIf="!isItemAvailable(item)"> </span> <span class="styled__SelectionIcon-sc-5ssw50-7 bUDhvOs" *ngIf="isItemAvailable(item)"> </span> </mat-option> </mat-autocomplete> </td>

Answer 1

行為沒有錯，一旦為 mat-autocomplete 的 mat-select 渲染了 dropbox，一旦它被渲染，它就不會移動它的 position。

所以你可以在這里做的一件事是，在選擇下拉列表中的一個選項之后。 您可以關閉保管箱，然后滾動主欄。

或者您可以關閉輸入的blur屬性上的保管箱。 因此，當您執行其他操作時，它會立即關閉下拉列表中顯示的列表。