角度材质垫选择下拉尺寸和项目选择上的滚动问题

Sam*_*yan 6 scroll drop-down-menu angular-material angular

目标

有一个mat-select带有multiple选择但下拉尺寸更大的选项。

知道解决方案:

添加panelClass到 mat-select 并自定义它的max-height. 在某些情况下似乎工作正常。

问题

单击下拉列表中的项目时,滚动会意外跳转。

材质试图将单击的项目置于可见视图的中心,当我们更改下拉列表的大小时,它会丢失大小并以错误的方式滚动。

只有当您选择时才会出现此问题multiple

滚动跳转问题

可能的解决方案

  • 等待Material 下拉尺寸变更正式实施。就目前而言,它是恒定的。const SELECT_PANEL_MAX_HEIGHT: 256;
  • 不要改变下拉菜单的大小)在这种情况下,将无法达到目标,因为我们需要更大的下拉菜单才能在不滚动的情况下看到更多选项。
  • 请建议另一种选择。

问题说明:

https://stackblitz.com/edit/angular-material-select-scroll-jumps-on-bigger-size