选择框选项仅在Chrome中获得滚动条

Question

我在我的项目和CSS引导程序中使用了angular 5。我有一个选择框，我在其中从服务中动态加载选项。加载选项后，它们带有滚动条。

这仅是第一次发生。数据一旦加载，便可以正常工作。

代码：-

<select #selectedUser autofocus name='username' class="form-control" [(ngModel)]='username' required>
  <option value="">--Select UserGroup Name--</option>
  <option value="" *ngIf="!loadingUserGroups">Loading</option>
  <ng-container *ngIf="loadingUserGroups">
      <option *ngFor="let user of dropdownListUsers; let i=index" [value]="user.userGroupid">{{user.name}}</option>
  </ng-container>
</select>


loadUsersDDL(resultsUsers) {
        this.loadingUserGroups = true;
            this.dropdownListUsers = [];
            resultsUsers.forEach(eachObj => {
                this.dropdownListUsers.push({
                    userGroupid: eachObj.principalid,
                    name: eachObj.name
                });
            });
    }

任何帮助。