モバイルビューでのUIバグ(RTLペルシャ語インターフェース)–リーダーボードセクションの時間範囲ドロップダウン

Discourse のインターフェース言語がRTL ペルシャ語 (ファルシ) に設定されている場合、リーダーボードセクションの時間範囲ドロップダウンに UI の問題が発生します。

モバイルビューでは、ドロップダウンから時間範囲を一度選択すると、再度ドロップダウンをクリックしても通常は開きません。代わりに、次のようになります。

  1. ページが水平方向に左にシフトし、右側に空白スペースが表示されます。
  2. 通常の表示に戻すには、ユーザーは手動で右にスクロールする必要があります。
  3. 通常の位置に戻った後でも、ドロップダウンをクリックすると、再度開く前に追加のタップが必要になります。

追加の詳細:

  • インターフェース言語が英語に設定されている場合、この問題は発生しません。ドロップダウンは期待どおりに機能します。
  • この問題はモバイルデバイスでのみ再現可能です (Android の Chrome と Edge でテスト済み)。
  • 問題を示すビデオが添付されています。

再現手順:

  1. Discourse のインターフェース言語をペルシャ語 (فارسی) に設定します。
  2. モバイルビューでリーダーボードセクションを開きます。
  3. 時間範囲ドロップダウンをタップし、オプションを選択します。
  4. ドロップダウンを再度タップします。
  5. 予期しない水平スクロールシフトと、追加のタップが必要なことを確認します。

期待される動作:
ドロップダウンは、英語インターフェースの動作とまったく同様に、水平スクロールシフトなしで即座に開くはずです。

「いいね!」 2