Angular Material mat-paginator最后一页选项下拉框定位异常求助

环境信息 #

• Angular 版本：8.0.0
• @angular/material 版本：8.0.1

问题详情 #

当前项目中配置mat-paginator的每页显示选项为数组形式（例如[5, 10, 20, 50, 100]），下拉框默认会自动计算展开位置：下方空间充足时显示在选择框下方，空间不足则切换到上方，该逻辑对数组中前几项均正常。

但仅选择数组最后一个选项时，下拉框会强制向下展开，导致一半内容超出视口范围。

测试验证 #

• 当选项数组为[5, 10, 20, 50, 51]时，仅51选项触发该异常
• 当选项数组为[5, 10, 20, 50, 51, 100, 200]时，仅200选项触发该异常
• 所有大于5的选项对应的选择框下方可用空间完全一致，但无论选项数组如何组合，最后一个选项都会出现此问题

问题截图 #

内容的提问来源于stack exchange，提问作者medk