修复:进一步修复 iOS/iPadOS 上聊天设置/成员列表无法滚动的问题,修复成员条目宽度超出容器的问题

#36331#36449 中,我们通过启用页面主体滚动来修复了聊天设置/成员列表的滚动问题。然而,最近的一次提交可能与之前的提交冲突,导致容器再次无法滚动。

这次我们采取了另一种方法,由于主体元素不应该被滚动,滚动项现在更改为 channel-info-settingschannel-info-members,并且父容器的高度使用 chat-height 设置,使得容器可以再次滚动。

此外,body 中遗留的 overflow: scroll; 代码已改回 hidden,因为它现在在滚动主体时会导致闪烁。

之前:

(虽然在真实的 iOS/iPadOS 设备上这种闪烁很细微,但可以从这个附件中看到)

之后:


我还修复了一些问题,以避免成员列表因用户名过长而沿 Y 轴溢出。

之前:

image

之后:

image


还有一件事:

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

之前:

之后:
image

PR 已在此处提交:

2 个赞

谢谢,需要花时间测试一下,我会在接下来的几天里尝试一下 :+1:

1 个赞

对我来说看起来不错,仅供参考——我只留下了一些关于我们认为不需要添加内容的评论。

1 个赞

进行了一些小的修改,并在 iPadOS 环境中进行了测试,看起来没问题。

2 个赞