Page MenuHomePhabricator

Support RTL for UI language
Open, MediumPublic



The UI language is the one used to display element that are considered part of the user interface. It includes softkey labels, menus/submenus, forms, and the search feature.

Technical requirements

  • Flip RSK and LSK
  • Flip Left and right link navigation within an article. Clicking left goes to the next link and clicking right goes to the previous link.
  • Back hardware key functionality remains the same

Event Timeline

AMuigai created this task.May 14 2020, 8:39 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMay 14 2020, 8:40 PM
AMuigai triaged this task as Medium priority.May 14 2020, 8:40 PM
AMuigai renamed this task from D-pad and softkeys for RTL languages to UI functionality for RTL languages.May 21 2020, 1:22 PM
AMuigai updated the task description. (Show Details)
SBisson renamed this task from UI functionality for RTL languages to Support RTL for UI language.May 21 2020, 7:23 PM
SBisson edited projects, added Inuka-Team (Kanban); removed Inuka-Team.
SBisson updated the task description. (Show Details)
Restricted Application added a project: I18n. · View Herald TranscriptThu, Jun 18, 4:18 PM
hueitan added a subscriber: hueitan.Thu, Jul 2, 2:48 PM

One feedback coming from the review stage in the content language RTL support that I think belongs to this scope

The "Article" screenshot is a bit confusing for me. Is that something that's in the OS or did you create it? If you created it, I'd consider flipping (mirroring) the list icon, so it's right to left, but it's a bit confusing because the word "Sections" isn't translated. Is that on purpose? Is that user-defined dynamic title, or just untranslated UI? If this title is sometimes English and sometimes RTL-language, then I'd recommend using some directionality tricks to get the [icon][title] placement at least attempt to render the correct direction based on auto dir detection (you can do that by having both of those elements inline blocks, inside a container that has dir=auto, but I'm suggesting this without really knowing how things work in the code :) let me know if you want any other more specific ideas)