nz-pagination分页下拉框，第一次点击的时候会溢出屏幕，该如何修改为底部空间不足时下拉框自动向上弹出?

Question

第一次点击的时候，会溢出屏幕，第二次点击的时候，下拉框就会向上弹出。不理解为什么会这样，要如何修改才能让下拉框在底部空间不足的时候自动向上弹出呢？

求教。。。

贴上代码：
<div class="page">

  <span class="total">共 {{ pagetion.total }} 条</span>
  <nz-pagination
    class="pagination"
    [nzPageIndex]="pagetion.page"
    [nzTotal]="pagetion.total"
    nzShowSizeChanger
    [nzPageSize]="pagetion.pageSize"
    (nzPageIndexChange)="pageIndexChange($event)"
    (nzPageSizeChange)="pageSizeChange($event)"
    [nzPageSizeOptions]="[15, 25, 35, 45, 50]"
  ></nz-pagination>
</div>