Угловой раскрывающийся список не заполняется, когда ширина ячейки начальной загрузки мала

Question

Приведенный ниже код не заполняет выпадающие значения

<div class="col-md-4">
  <div class="form-group">
    Usecase:
    <select id="select" formControlName="schedulerjobtype">
      <option *ngFor="let g of scheduleTypeList" [value]="g"> {{g}}
      </option>
    </select>
  </div>
</div>

Но приведенный ниже код заполняет выпадающие значения

<div class="col-md-12">
  <div class="form-group">
    Usecase:
    <select id="select" formControlName="schedulerjobtype">
      <option *ngFor="let g of scheduleTypeList" [value]="g"> {{g}}
      </option>
    </select>
  </div>
</div>

Когда я увеличиваю ширину столбца сетки начальной загрузки с col-md-4 в col-md-12 (что составляет 3 ячейки на 1 ячейку) Я могу заполнить раскрывающийся список. Что бы я сделал, чтобы заполнить раскрывающийся список, если ширина столбца сетки равна 4?