이 컴포넌트를 공유해 주셔서 감사합니다.
mobile.scss의 55~62행을 조금 수정했습니다.
.chat-messages-scroll {
background-color: var(--bubble-bg);
background-image: url(check-empty($background-pattern, $enable_pattern));
background-blend-mode: var(--bubble-bg-mode);
}
.chat-messages-container {
padding: 0;
이전에는 배경이 .chat-messages-container에 적용되어 있어 스크롤할 때 배경이 메시지와 함께 움직였습니다. 이번 수정으로 배경이 뒤쪽에 고정되어 있습니다.
모바일 채팅에서 .chat-messages-container가 두 번 정의되어 있어 배경이 중복 적용되는 문제가 발생했음을 확인했습니다.