调整选择列表的高度以适应弹出窗口

Question

我在弹出窗口中有一个选择列表，其中包含53个选项。选项的数量可能会有所不同。单击选择列表时，将打开下拉列表并显示选项。但下拉超过弹出窗口并到达屏幕边框并且滚动条可用。我希望降低下拉的高度，使其适合弹出窗口。我已经尝试过size属性。但它将选择列表看起来像一个列表。有没有办法实现这个目标？

我的HTML如下

<div class="row">
<div class="form-group">
<label for="dropdownfield" class="col-sm-4 col-md-4 control-label">Test 
Field</label>
<div class="col-sm-8 col-md-8">
<select class="form-control" id="test">
<option *ngFor="let x of test[value]="x.id">{{x.value}}</option>
</select>
</div>
</div>
</div>

由于