タッチスクリーンデバイスでは、コンポーザーハンドルをサイトヘッダーの後ろにドラッグできます

バグ
1

皆さん、こんにちは。
本日より編集セクションがページ上部まで拡張され、青い区切り線がなくなったため、縮小する方法がなくなりました。
何かお手伝いいただけることがあれば幸いです。

「いいね！」 1
2

Kemplenさん、こんにちは！

投稿作成画面のドラッグ可能な部分がヘッダーの後ろに隠れている、ということでしょうか？

スクリーンショットを共有していただけますか？

「いいね！」 1
3

はい、私の画面は次のように表示されます。

image
image1282×734 34.7 KB

通常は、Discourse のように表示されていました。

image
image1311×1209 63.3 KB

サポートありがとうございます。

「いいね！」 1
4

Metaで再現しようとしましたが、ヘッダーの後ろに引っかからなくなりました。サイトをセーフモードで試して、テーマコンポーネントが原因かどうか確認しましたか？

「いいね！」 2
5

こんにちは。

正しく認識していれば、タッチスクリーンデバイスをご利用ですね。iPadで再現を試みましたが、可能です。

こちらがiPadで私に機能した簡単な修正方法です。:slightly_smiling_face:

body:not(.ios-safari-composer-hacks) {
  #reply-control.open {
    max-height: calc(100vh - var(--header-offset) - env(safe-area-inset-bottom));
  }
}

「いいね！」 3
6

ご協力ありがとうございました。

実際にはGoogle Chromeが原因で、Mozilla Firefoxを使用すると問題は発生しませんでした。Google Chromeのキャッシュメモリをクリアするだけで解決しました。

重ねてお礼申し上げます。

「いいね！」 3
7

それは素晴らしい :slightly_smiling_face: ですが、キャッシュを削除するとコンポーザーのデフォルトの高さがリセットされるだけだと思います。

「いいね！」 2
8

なるほど、それは非常に興味深いですね。タッチスクリーンデバイス以外では、--composer-height の値に関わらず、コンポーザーの高さ（ハンドルを含む）はフォーラムのヘッダーより高くなることはありません。

Chrome の開発者ツールで iPad プロファイルを選択して、この問題を確認することもできます。あるいは、実際の iPad でも確認できます :smile_cat:

これは修正する価値のあるバグなので、Bug に移動しましょう。 :slight_smile:

「いいね！」 2
13

コンポーザーのグリップハンドルがヘッダーの後ろに隠れる問題は、最新のPRをデプロイすると修正されるはずです。 → UX: Fix mobile grippie being hidden by jordanvidrine · Pull Request #20803 · discourse/discourse · GitHub

「いいね！」 4