### Author:  [@small-lovely-cat](https://meta.discourse.org/u/small-lovely-cat)
#### Post date: [3월 18, 2026, 1: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")
#36331과 #36449에서 페이지 바디의 스크롤을 활성화하여 채팅 설정/멤버 목록의 스크롤 문제를 수정했습니다. 그러나 최근 커밋이 이전 커밋과 충돌하여 컨테이너가 다시 스크롤되지 않는 문제가 발생했습니다.
이번에는 다른 접근 방식을 채택했습니다. 바디 요소는 스크롤되지 않아야 하므로, 스크롤 대상 항목을 `channel-info-settings`와 `channel-info-members`로 변경하고, 부모 컨테이너의 높이를 `chat-height`를 사용하여 설정하여 컨테이너가 다시 스크롤되도록 했습니다.
또한, 바디에 있는 `overflow: scroll;` 레거시 코드를 `hidden`으로 되돌렸습니다. 바디를 스크롤할 때 플리커(flicker) 현상을 유발하기 때문입니다.
수정 전:
[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%2F20260906%2Fus-east-1%2Fs3%2Faws4\_request&X-Amz-Date=20260906T101749Z&X-Amz-Expires=300&X-Amz-Signature=3f21aeef0369046aacca8de429cc6a2eb546d7cc83e3214448ac59cf2c08191c&X-Amz-SignedHeaders=host&response-content-type=video%2Fmp4](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%2F20260906%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260906T101749Z&X-Amz-Expires=300&X-Amz-Signature=3f21aeef0369046aacca8de429cc6a2eb546d7cc83e3214448ac59cf2c08191c&X-Amz-SignedHeaders=host&response-content-type=video%2Fmp4)
(이 첨부 파일에서 플리커를 볼 수 있지만, 실제 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%2F20260906%2Fus-east-1%2Fs3%2Faws4\_request&X-Amz-Date=20260906T101750Z&X-Amz-Expires=300&X-Amz-Signature=0b0ebc710c7d05e1796d94e71ed6f147a6b231bb27f13ffe0b147a4712800264&X-Amz-SignedHeaders=host&response-content-type=video%2Fmp4](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%2F20260906%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260906T101750Z&X-Amz-Expires=300&X-Amz-Signature=0b0ebc710c7d05e1796d94e71ed6f147a6b231bb27f13ffe0b147a4712800264&X-Amz-SignedHeaders=host&response-content-type=video%2Fmp4)
* * *
또한, 긴 사용자 이름으로 인해 멤버 목록이 y축 방향으로 넘치는 문제를 방지하기 위한 수정 사항도 추가했습니다.
수정 전:
수정 후:
* * *
한 가지 더:
`@mixin chat-height`를 사용할 때 기본 값이 `0px`이 아닌 `0`이어서 직접 사용할 때 잘못된 식(invalid expression)이 발생하는 문제가 있었는데, 이것도 여기서 수정했습니다.
수정 전:
수정 후:
PR이 여기에서 생성되었습니다:
>
>
> 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 \`#main-outlet .c-routes.--channel-info\`, and the height of it 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.
>
> Thanks for @chapoi for style suggestions.
>
> 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:
>
> \
>
> After:
>
> \
>
> \---
>
> 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:
> \
>
> After:
> \
---
### Author:  [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [3월 18, 2026, 8: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/2 "2026-03-18T20:09:23Z")
감사합니다. 테스트할 시간을 내야 해서, 앞으로 며칠 안에 시도해 보겠습니다 👍
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [3월 18, 2026, 8:47오후 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/3 "2026-03-18T20:47:04Z")
나한테는 괜찮아 보이는데 참고로, 필요 없다고 생각하는 추가 사항에 대해 몇 가지 코멘트를 남겼어.
---
### Author:  [@small-lovely-cat](https://meta.discourse.org/u/small-lovely-cat)
#### Post date: [3월 19, 2026, 5:12오전 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/4 "2026-03-19T05:12:16Z")
일부 경미한 수정을 가하고 iPadOS 환경에서 테스트를 해봤는데, 문제없는 것 같습니다.
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [7월 7, 2026, 2:01오후 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/5 "2026-07-07T14:01:49Z")