수정: iOS/iPadOS에서 채팅 설정/멤버 목록이 스크롤되지 않는 문제를 추가로 수정하고, 멤버 항목 너비가 컨테이너를 벗어나는 문제를 해결했습니다

기여 버그
1

#36331과 #36449에서 페이지 바디의 스크롤을 활성화하여 채팅 설정/멤버 목록의 스크롤 문제를 수정했습니다. 그러나 최근 커밋이 이전 커밋과 충돌하여 컨테이너가 다시 스크롤되지 않는 문제가 발생했습니다.

이번에는 다른 접근 방식을 채택했습니다. 바디 요소는 스크롤되지 않아야 하므로, 스크롤 대상 항목을 channel-info-settings와 channel-info-members로 변경하고, 부모 컨테이너의 높이를 chat-height를 사용하여 설정하여 컨테이너가 다시 스크롤되도록 했습니다.

또한, 바디에 있는 overflow: scroll; 레거시 코드를 hidden으로 되돌렸습니다. 바디를 스크롤할 때 플리커(flicker) 현상을 유발하기 때문입니다.

수정 전:

(이 첨부 파일에서 플리커를 볼 수 있지만, 실제 iOS/iPadOS 기기에서는 미묘하게 나타납니다)

수정 후:

또한, 긴 사용자 이름으로 인해 멤버 목록이 y축 방향으로 넘치는 문제를 방지하기 위한 수정 사항도 추가했습니다.

수정 전:

image

수정 후:

image

한 가지 더:

@mixin chat-height를 사용할 때 기본 값이 0px이 아닌 0이어서 직접 사용할 때 잘못된 식(invalid expression)이 발생하는 문제가 있었는데, 이것도 여기서 수정했습니다.

수정 전:

image
image462×167 11.6 KB

수정 후:
image

PR이 여기에서 생성되었습니다:

2개의 좋아요
2

감사합니다. 테스트할 시간을 내야 해서, 앞으로 며칠 안에 시도해 보겠습니다 :+1:

1개의 좋아요
3

나한테는 괜찮아 보이는데 참고로, 필요 없다고 생각하는 추가 사항에 대해 몇 가지 코멘트를 남겼어.

1개의 좋아요
4

일부 경미한 수정을 가하고 iPadOS 환경에서 테스트를 해봤는데, 문제없는 것 같습니다.

2개의 좋아요