Выберите флажок, получая полосу прокрутки только в Chrome

Question

Я использую angular 5 в своем проекте и загрузчик для CSS.У меня есть поле выбора, где я загружаю параметры динамически из службы.После загрузки параметров они идут с полосой прокрутки.

Это происходит только для первого.Как только данные загружены, они работают нормально.

Код: -

<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
                });
            });
    }

Любая помощь оценена.