このコンポーネントをありがとうございます。
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;
以前は background が .chat-messages-container に適用されており、スクロールすると background がメッセージと一緒に移動していましたが、この方法では background が背面に固定されます。
モバイルチャットで .chat-messages-container のインスタンスが 2 つあり、background が複製されていたことに気づきました。