Composerが開くとオーバーフローする

iPhone 8 のスクリーンショット。コンポーザーを開くと少しリサイズされ、右側が画面外にはみ出しています。プレビューボタンが完全に隠れているのが確認できます。

iPhone 8 では問題なく動作します。:thinking:

画面録画を作成しました

インストールされている iOS のバージョンは何ですか?

バージョンは 14.4.2 です。

@デザイナーの皆様、何かご提案はありますか?もしかすると、電話の中国語ロケールに関連するものかもしれません。

「いいね!」 1

システム言語はEN(英語)に設定されていますが、デフォルトのキーボードは中国語になっています。デフォルトのキーボードもENに設定しても、バグは発生します。

「いいね!」 1

セーフモードでも同様の現象が発生することをご確認いただけますか?

はい、セーフモードを有効にすると依然として発生します。

これについては再現できません。期待通りの動作が確認されています。こちら と同様です。

iPhone 8(iOS 13)と iPhone 11(iOS 14)で試しました。

iPhone 8 で iOS 14 の環境は手元にありませんが、それが原因だとも思えません。

一つ気づいたのは、動画内のボタンに一部のスタイルが適用されていないようです。

動画では以下のような表示でした。

iPhone 8 でテストした際は以下のような表示でした。

これもこちら と同様です。

背景が欠落している点に注目してください。

これは、何らかのスタイルシートが読み込まれていないことが原因かもしれません。ネットワークの問題か、他の要因かはわかりません。

@th21 さんは、この現象は Meta だけで発生しているのでしょうか、それとも他のサイトでも発生していますか?
テストに使える別のスマートフォンはありますか?

それによって、問題の特定がさらに絞り込めるはずです。

「いいね!」 1

これは、私が利用している別の Discourse フォーラムでも比較的頻繁に発生しています(作曲エリアを最小化する矢印がたまに画面外に消えてしまうため)。ただし、再現方法については残念ながらわかりません。

使用環境は、Honor 9、Android 9、Chrome ブラウザです。

編集: すみません、これは別の問題かもしれません。少し試してみたところ、私の場合、作曲エリアの右側全体ではなく、最小化矢印だけが画面外に押しやられているようです。

私の場合は、長いタイトルのトピックに返信したときに発生しているようです。また、影響を受けているのは私が利用しているもう一つのフォーラムだけで、Meta では問題のようです。

Meta および Discourse で構築した自身のフォーラムでも発生しています。

また、iPhone XR(iOS 13.6.1)および iPhone 6s(iOS 12.4.1)でも発生します。

別の画面録画を作成したところ、コンポーザーだけでなく、ページ全体が少し拡大されていることに気づきました。

調査したところ、キーボードが原因である可能性があります。キーボードが表示されると、ページ自体がズームインします。

モバイルで検索ボタンをクリックするとUIがズームしてしまうため、これも以下のトピックと同じ問題かもしれません。

また、この回答によると、maximum-scale=1を維持し、user-scale属性を省略すればこの問題は解決するようです。