RTLウェブサイトのメンション候補リストボックスが間違った場所にある

バグ
1

この画像でご覧いただけるように、窓の外が見えず、何も見えません。

おそらく、このマージリクエストに関連していると思われます。

@Osama

image
image1410×1792 151 KB

「いいね！」 5
2

Discourse における右から左 (RTL) レイアウトでのメンション候補リストボックスの配置に関する問題を再現するには、次の手順に従ってください。

優先度/重大度: 中 - このバグは、特に RTL 言語のユーザーにとって、ユーザーインターフェースとユーザーエクスペリエンスに影響します。機能は壊れませんが、使用が困難になる可能性があります。

プラットフォーム: デスクトップ、OS: Windows 10、ブラウザ: Google Chrome でテスト済み。

説明: Discourse では、RTL 言語が有効になっている場合にユーザーが他のユーザーをメンションしようとすると (「@」に続けてユーザー名の先頭を入力)、候補リストボックスが表示領域の外に表示されます。この問題により、ユーザーはユーザー名の候補リストを見ることができなくなります。

再現手順:

  1. Discourse を RTL 言語設定でセットアップします。(管理設定からセットアップできます。)
  2. テストユーザーとしてログインします。
  3. コメントを残せる任意のトピックに移動します。
  4. 新しい投稿または返信の入力を開始し、他のユーザーをメンションしようとします (@ に続けてユーザー名の先頭を入力)。
  5. 表示されるメンション候補リストボックスの位置を確認します。
「いいね！」 6
3

本日、5日前のインスタンスをアップグレードした後に再現可能になりました。これは最近のコミットに関連している可能性が高いです：+1:

image
image1166×315 9.89 KB

「いいね！」 6
4

バグを報告していただきありがとうございます、@hosna！これは確かに最近の回帰であり、このPRで修正されます。

「いいね！」 3