Angular：在 Firefox 中拖动滚动条不会显示现在可见的内容，直到不再按下鼠标主键

Angular: Dragging the scrollbar in Firefox doesn't show the now-visible content until the primary mouse key is no longer pressed

提问人：SupremeKurt 提问时间：10/30/2023 最后编辑：SupremeKurt 更新时间：10/30/2023 访问量：23

问：

我有一个侧边栏，其中充满了使用 *ngFor 指令的内容。内容可能高于屏幕尺寸，因此侧边栏有一个滚动条。

在Firefox中，拖动滚动条可以正确地移动侧边栏中的内容，但是，只有当我不再单击鼠标按钮时，才会显示侧边栏内容的下部（或上部）。当我按下鼠标主按钮时，内容会正确弹出。这在 Chrome 中不会发生。

当我使用鼠标滚轮滚动时，新可见的内容也需要几秒钟才能弹出。

我正在使用 Angular 版本 16 和 Firefox 118.0.2

编辑： 保存 ngFor 指令的容器具有以下 Angular 动画：

trigger('slideInOutHorizontal', [
      transition(':enter', [style({ width: 0 }), animate('250ms ease-in-out')]),
      transition(':leave', [animate('250ms ease-in-out', style({ width: 0 }))]),
    ]),

在进一步的研究中，我发现 Angular 动画和 firefox 存在很多问题，这可能是问题所在吗？

CSS Angular Firefox 滚动条

评论

0赞 Community 10/30/2023
请提供足够的代码，以便其他人可以更好地理解或重现问题。

答： 暂无答案

上一个：使用 foreach 循环的每个文本区域的字符数

下一个：我无法确定Firefox上奇怪的CSS行为的原因