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

**URL:** https://meta.discourse.org/t/fix-further-fix-for-chat-settings-member-list-failing-to-scroll-on-ios-ipados-fix-member-item-width-overflowing-the-container/398683
**Category:** Bug
**Tags:** chat
**Created:** [2026 年3 月 18 日 01:09 UTC](https://meta.discourse.org/t/fix-further-fix-for-chat-settings-member-list-failing-to-scroll-on-ios-ipados-fix-member-item-width-overflowing-the-container/398683 "2026-03-18T01:09:58Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### 作者： ![small-lovely-cat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/small-lovely-cat/32/553546_2.png) [@small-lovely-cat](https://meta.discourse.org/u/small-lovely-cat)
#### 发布日期： [2026 年3 月 18 日 01:09 UTC](https://meta.discourse.org/t/fix-further-fix-for-chat-settings-member-list-failing-to-scroll-on-ios-ipados-fix-member-item-width-overflowing-the-container/398683/1 "2026-03-18T01:09:58Z")

</div>

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

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

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

之前：

[https://github-production-user-asset-6210df.s3.amazonaws.com/77799160/563418760-98376293-ea25-456a-ab15-d2aa8b72bba6.mp4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVCODYLSA53PQK4ZA%2F20260318%2Fus-east-1%2Fs3%2Faws4\_request&X-Amz-Date=20260318T010954Z&X-Amz-Expires=300&X-Amz-Signature=cc96c65050dda77b7fd8fb2df32a9b996c8175a78cca742e197684b6c152ace6&X-Amz-SignedHeaders=host](https://github-production-user-asset-6210df.s3.amazonaws.com/77799160/563418760-98376293-ea25-456a-ab15-d2aa8b72bba6.mp4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVCODYLSA53PQK4ZA%2F20260318%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260318T010954Z&X-Amz-Expires=300&X-Amz-Signature=cc96c65050dda77b7fd8fb2df32a9b996c8175a78cca742e197684b6c152ace6&X-Amz-SignedHeaders=host)

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

之后：

[https://github-production-user-asset-6210df.s3.amazonaws.com/77799160/563417800-5b2cb60a-ab4e-428d-a6e7-7644c89ba2a3.mp4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVCODYLSA53PQK4ZA%2F20260318%2Fus-east-1%2Fs3%2Faws4\_request&X-Amz-Date=20260318T010955Z&X-Amz-Expires=300&X-Amz-Signature=c76046180d88551a491ef194c402898eb8e9c6960cb312bb7853a50a0e9fbd4d&X-Amz-SignedHeaders=host](https://github-production-user-asset-6210df.s3.amazonaws.com/77799160/563417800-5b2cb60a-ab4e-428d-a6e7-7644c89ba2a3.mp4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVCODYLSA53PQK4ZA%2F20260318%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260318T010955Z&X-Amz-Expires=300&X-Amz-Signature=c76046180d88551a491ef194c402898eb8e9c6960cb312bb7853a50a0e9fbd4d&X-Amz-SignedHeaders=host)

* * *

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

之前：

![image](https://global.discourse-cdn.com/meta/original/4X/7/4/e/74e631ba48552fc691c824f04aecdc6aacb147b8.png)

之后：

![image](https://global.discourse-cdn.com/meta/original/4X/8/9/0/8902641ae76fdb5b06e3d19e9de73c77f0dd3cec.png)

* * *

还有一件事：

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

之前：

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/9/6/29613fd8f736b0a4060fada073516fbdb684a3a9.png)

之后：  
 ![image](https://global.discourse-cdn.com/meta/original/4X/3/f/0/3f02904e9cc3d559dafea82a0024c1ca95e10768.png)

PR 已在此处提交：

> <https://github.com/discourse/discourse/pull/38606>
>
> In #36331 and #36449, we fixed the scrolling problem of chat-settings/member lis…t by enabling the scroll of the page body. While a recent commit may conflicts with the commit before, making the container unscrollable again.
> 
> This time we take another approach, since the body element shouldn't be scrolled, the scroll item is now changed to \`channel-info-settings\` and \`channel-info-members\`, and the height of the parent container is set using \`chat-height\`, such that the container is scrollable again.
> 
> Also, the legacy code of \`overflow: scroll;\` in the body is changed back to \`hidden\`, since it now causes a flicker when scrolling the body.
> 
> Before:
> 
> https://github.com/user-attachments/assets/98376293-ea25-456a-ab15-d2aa8b72bba6
> 
> (The flicker can be see from this attach, though on real iOS/iPadOS devices this is subtle)
> 
> After:
> 
> https://github.com/user-attachments/assets/5b2cb60a-ab4e-428d-a6e7-7644c89ba2a3
> 
> \---
> 
> Also, did some fixes to avoid the member list from y-axis overflowing caused by long usernames.
> 
> Before:
> 
> \<img width="427" height="93" alt="image" src="https://github.com/user-attachments/assets/b670de63-ed41-47ec-b5d6-3abef9fcacb2" /\>
> 
> After:
> 
> \<img width="408" height="78" alt="image" src="https://github.com/user-attachments/assets/c3c4dfac-93e1-48d2-9904-f03e1853ec67" /\>
> 
> \---
> 
> One more thing:
> 
> When using the \`@mixin chat-height\`, the default value is \`0\` rather than \`0px\`, which causes invalid expression when directly used, this is also fixed here.
> 
> Before:
> \<img width="462" height="167" alt="image" src="https://github.com/user-attachments/assets/4a40dd3f-95b3-4c0e-ae37-f3d0425661b7" /\>
> 
> After:
> \<img width="496" height="94" alt="image" src="https://github.com/user-attachments/assets/a7a98dfd-0f8d-4ea1-a897-33b3b73fe9e9" /\>

---

_[View the full topic](https://meta.discourse.org/t/fix-further-fix-for-chat-settings-member-list-failing-to-scroll-on-ios-ipados-fix-member-item-width-overflowing-the-container/398683)._