修正:iOS/iPadOSでのチャット設定/メンバーリストのスクロール失敗に対するさらなる修正、メンバーアイテムの幅がコンテナからはみ出す問題の修正

#36331#36449 では、ページ本体のスクロールを有効にすることで、チャット設定/メンバーリストのスクロールの問題を修正しました。しかし、最近のコミットがそれ以前のコミットと競合し、コンテナが再びスクロールできなくなった可能性があります。

今回は別の方法を取り、body 要素はスクロールすべきではないため、スクロール項目を channel-info-settingschannel-info-members に変更し、親コンテナの高さを chat-height を使用して設定することで、コンテナが再びスクロール可能になりました。

また、body のレガシーコードの overflow: scroll;hidden に戻されました。これは、body をスクロールする際にちらつきを引き起こすためです。

修正前:

(添付ファイルからちらつきが確認できますが、実際の iOS/iPadOS デバイスではこれはわずかです)

修正後:


また、長いユーザー名によってメンバーリストがY軸方向にオーバーフローするのを防ぐための修正もいくつか行いました。

修正前:

image

修正後:

image


もう一つ:

@mixin chat-height を使用する際、デフォルト値が 0px ではなく 0 のため、直接使用すると無効な式になる問題があり、これもここで修正しました。

修正前:

修正後:
image

PR はこちらに上がっています: