3.1.0beta5でのモバイルデバイス上のチャットの問題

サポート
1

こんにちは。

ユーザーおよび私自身が、モバイルデバイス（AndroidおよびiOS）でチャットがほぼ壊れていることに気づきました。テキストボックスをクリックするとソフトキーボードが表示されますが、画面が調整されず、入力内容が見えません。また、リターンキーでテキストが送信されず、送信ボタンも消えています。

3.1.0beta5にアップグレードする前は、ユーザーによるとすべて問題ありませんでした（個人的にはチャットはあまり使用しません）。

よろしくお願いいたします。
Roi

2

セーフモードでもこの現象は確認できますか？

Metaでもテストサイトでも、こちらでは再現できませんでした。

「いいね！」 1
4

良い点です。いいえ。最初のオプション（テーマとテーマコンポーネント）を無効にすると、コンポーザーウィンドウなどが表示されます。したがって、干渉しているのはテーマコンポーネントのようです（色を変更したのはテーマのみです）。

「いいね！」 1
5

ここで問題を見つけることができましたか？フォーラムで試してみたかったのですが、チャットが無効になっているようです。再度有効にしていただければ、問題の理解をお手伝いできます。

「いいね！」 1
6

これに戻ってきてくれてありがとう。 :slight_smile:

画像スライダーに問題がありました/あります。モバイルCSSに以下を追加することで、この問題に対処できました。

.has-full-page-chat #captioned-gallery {
    display: none;
}

チャットは再び機能しますが、画像スライダーに関連していると思われる別の問題があります。

画像がスライドするたびに、問題が発生する可能性があります（のみ発生する可能性があります）。

確かに、これは標準的ではないスライダーであるため、フォーラムのみの問題です。しかし、3.1.0beta5で以前はなかった何かが変更されました。

ちなみに、チャットはTL1以上でのみ利用可能なので、フォーラムを訪問してログインしていない場合は表示されません。

「いいね！」 1
7

今のところ再現できませんが、あなたが行ったことと同様に、このCSSを使用できる可能性があります。

body.mobile-device.composer-open #captioned-gallery {
    display: none;
}

再現できれば、#captioned-galery のz-indexも z-index: 1 などで調整してみるかもしれません。

8

ちらつきのバグは、コンポーザーを開いたときにのみ発生するわけではありません。どこでも発生しますが、毎回ではありません。別の例を挙げます。

ほんの数秒前にも、画面の下部で「Gurtband」スレッドが表示されているところでちらつきました。

試してみます。モバイルデバイスでしか表示されないため、デバッグは簡単ではありません。

3.1.0beta4から5にかけて何か変更がありましたか？ 4までは動作していました…

9

z-indexも試しましたが、figure.sidemount-sliderのcaptioned-galleryコンテナ内でもうまくいきませんでした。しかし、Androidフォンがアプリ内の古いキャッシュデータを使用していた可能性や、フォーラム用のChromeアプリが古いキャッシュを使用していた可能性は否定できません。

10

Androidのチャットで問題を修正しています。サイトを確認して、再現できるものがないか見てみます。

おそらく、たくさんの変更がありました :sweat_smile:

「いいね！」 3
11

:+1: よろしければ、アカウントを取得してください。チャットを見るために必要なレベルに昇格させることができます。

モバイルデバイスでチャットのスライダーを隠す必要がなければ、それも素晴らしいのですが。しかし、誰も気づいていません（または何も言っていません）。ちらつきの問題の方が問題です…

12

残念ながら、今のところ何も再現できません :confused:

13

こんにちは。

これはChromeのバグのようですね：https://bugs.chromium.org/p/chromium/issues/detail?id=1397578 私も残念ながら同様の問題を抱えています…

「いいね！」 1
14

再現するのは難しいです。チャットのバグは、上記のCSSステートメントでスライダーを非表示にすることでなくなりました。

そして、ちらつきのバグはモバイルデバイスで発生します。Androidデバイスのみでしょうか？なぜなら：

興味深いですね！もしそれが同じであれば、Androidデバイスにのみ影響するということですか？

うーん、解決できなかったということですか？3.1.0beta5にアップグレードした後で発生しましたか、それとも以前から発生していましたか？ヘッダー画像スライダーのようなものもありますか？

15

Chrome はもう 1 年近く調子が悪いです。Chrome のアップデートで一部の問題が修正されることもありますが、別のアップデートで同じバグが発生します。カルーセルの問題には気づきませんでしたが、過去にはありました。今、時々気づくのは、アイコンが欠落したりちらついたりして、要素がバラバラにちらつくように見えることです… Discourse 関連でこれを調査するのに最適な方法は、他の (Discourse ではない) サイトでそのようなことを再現してみることです。同様の問題だったと思います: Weird issue with topic posts on mobile

「いいね！」 1