如何通过多次点击垫选择复选框来停止奇怪的滚动跳跃行为?

问题描述 投票:0回答:1

我有一个材质多重选择,并注意到如果我的

mat-option
标签之前有内容,那么单击它们会导致滚动条跳转到奇怪的位置,从而导致令人难以置信的混乱行为...我已经使用 stackblitz 复制了该问题并且我希望有人能够阐明为什么会发生这种情况以及如何防止它?

只需单击选择下拉菜单并滚动到某些选项并检查其中一些选项,您会注意到当您单击窗格的滚动位置时会令人讨厌地跳跃...

https://stackblitz.com/edit/angular-14-material-uoxt1m?file=src%2Fapp%2Fhello.component.html

angular-material mat-select
1个回答
0
投票

您的 Stackblitz 链接不起作用,所以我不知道您是否正在使用 CSS 进行操作。 如果您手动设置 mat-options 高度 - 则会出现滚动错误。角材料团队表示:

Blockquote 我们所有的计算都是基于期权的一定高度。

在此链接中:https://github.com/angular/components/issues/8054

© www.soinside.com 2019 - 2024. All rights reserved.