UI Bug in Mobile View (RTL Persian Interface) – Time Range Dropdown in Leaderboard Section

When the Discourse interface language is set to RTL Persian (Farsi), there is a UI issue with the time range dropdown in the leaderboard section.

In mobile view, after selecting a time range from the dropdown once, clicking the dropdown again does not open it normally. Instead:

  1. The page horizontally shifts to the left, revealing empty space on the right side.
  2. To restore the normal view, the user must manually scroll back to the right.
  3. Even after returning to the normal position, clicking the dropdown requires an extra tap before it opens again.

Additional details:

  • This problem does not occur when the interface language is set to English — the dropdown works as expected.
  • The issue is reproducible only on mobile devices (tested on Android in Chrome and Edge).
  • Video attached demonstrating the issue.

Steps to reproduce:

  1. Set Discourse interface language to Persian(فارسی).
  2. Open the Leaderboard section in mobile view.
  3. Tap the time range dropdown and select an option.
  4. Tap the dropdown again.
  5. Observe the unexpected horizontal scroll shift and the need for extra tap.

Expected behavior:
The dropdown should open immediately without horizontal scroll shifts, identical to the English interface behavior.

2 Likes