在 #36331 和 #36449 中,我们通过启用页面主体滚动来修复了聊天设置/成员列表的滚动问题。然而,最近的一次提交可能与之前的提交冲突,导致容器再次无法滚动。
这次我们采取了另一种方法,由于主体元素不应该被滚动,滚动项现在更改为 channel-info-settings 和 channel-info-members,并且父容器的高度使用 chat-height 设置,使得容器可以再次滚动。
此外,body 中遗留的 overflow: scroll; 代码已改回 hidden,因为它现在在滚动主体时会导致闪烁。
之前:
(虽然在真实的 iOS/iPadOS 设备上这种闪烁很细微,但可以从这个附件中看到)
之后:
我还修复了一些问题,以避免成员列表因用户名过长而沿 Y 轴溢出。
之前:

之后:

还有一件事:
在使用 @mixin chat-height 时,默认值是 0 而不是 0px,这在直接使用时会导致无效表达式,此处也已修复。
之前:
之后:

PR 已在此处提交: