下拉列表应该出现在select元素的下面，但是如果我选择第二个值，下拉列表会出现在select元素的顶部，这是不正确的。我删除了任何会影响这个的css，所以不知道为什么会发生。请参阅下面的问题截图：
Correct location if default value is selected
Dropdown box appears onto of select element if any other value is selected
相关代码：

<mat-form-field class="status-field" appearance="outline">
                <span class="field">Field</span>
                <mat-select formControlName="field" [disabled]="customFieldFilters.length === 0">
                    <mat-option value="internal" (click)="changeFieldFilter(false);">Test 1</mat-option>
                    <mat-option value="status" (click)="changeFieldFilter(false);">Test 2</mat-option>
                </mat-select>
            </mat-form-field>

我删除了所有会影响它的css，但它仍然会发生。该元素位于其自己的组件中，该组件位于父组件的覆盖层中，所以可能会影响它，因为默认的从Angular 的Mat-Select不会这样做。