ドロップダウンに関する小さな問題

貢献 UX
1

こんにちは、

ドロップダウンの微細な配置の問題に気づきました。

  1. ユーザーページでのユーザー通知ドロップダウンのヘッダー部分。
    Screenshot 2021-08-28 at 15.06.50

  2. 同じ場所ですが、ドロップダウン部分のみで、モバイル端末でのみ発生しています。

    Screenshot_20210828_152228
    Screenshot_20210828_1522281080×649 91.5 KB

  3. モバイル端末では、いくつかの場所でドロップダウンの位置が正しく表示されていません。

  4. Safari でのトップページのドロップダウン矢印の位置。

    Screenshot 2021-08-30 at 20.21.47
    Screenshot 2021-08-30 at 20.21.47585×237 12.7 KB

  5. トップページでホバー後にクリックした状態。

「いいね！」 8
4

ここで修正をマージしました

これですべて対応できますが、以下の点は除きます

これは popper に関連していると思います @j.jaffeux？どのように対応すべきか確信が持てません

「いいね！」 7
5

私はこの現象を再現できません。どの端末で再現しましたか？Safari ですか、それとも DiscourseHUB ですか？（念のため言っておきますが、私はどの環境でも再現できませんでした）。

6

これは Android 10、Chrome 92.0.4515.166 での動作です。

「いいね！」 1
7

現在、Chrome 91 しか利用できませんが、Android 10/11 での再現は確認できていません。

Capture d'écran 2021-08-31 à 21.27.40
Capture d'écran 2021-08-31 à 21.27.40762×726 96.9 KB

「いいね！」 2
8

ああ、わかりました。たぶん、電話の画面サイズ設定が原因のようです。私は小さいサイズで使っていたのですが、デフォルトに戻したら正常に動くようになりました。この問題は「小さい画面サイズ」の場合にのみ発生しています。

Screenshot_20210831_214331_com.android.settings
Screenshot_20210831_214331_com.android.settings1080×2240 140 KB

「いいね！」 1
9

わかりました。再現確認できましたので確認いたしますが、優先度は低くなります。

「いいね！」 2
10

こんにちは、

以前報告したドロップダウンの最後の問題が現在修正されました。:arrow_down: :clap:

この修正は @pmusaraj による大規模なコミットによるものだと考えています: UX: Normalize sizing for inputs, buttons, dropdowns (#14226) · discourse/discourse@24e71ac · GitHub

皆様、ありがとうございます！:heart:

「いいね！」 1