angular - 下拉框在 Angular 中被挤压

Question

在上图中，第一个是下拉的实际行为，

间歇性地，下拉框被挤压，但我可以看到下拉列表中的数据，但数据不可见，每次加载页面时都不会发生这种情况。有时页面加载正常，它会正常工作

以下是代码片段

   <ng-container matColumnDef="customerName">
              <th mat-header-cell *matHeaderCellDef> Customer </th>
              <td mat-cell *matCellDef="let element">
                <div class="padding_bottom_10 padding_top_13"> {{ element.customerName }}</div>
              </td>
            </ng-container>
            <ng-container matColumnDef="supplierName">
              <th mat-header-cell *matHeaderCellDef> Supplier </th>
              <td mat-cell *matCellDef="let element">
                <div class="padding_bottom_10 padding_top_13"> {{ element.supplierName }}</div>
              </td>
            </ng-container>

任何线索为什么会发生这种行为？

是否有任何我需要申请的 CSS 来解决这个问题。我们需要用角度组件控制什么？提前致谢

标签： angular