[Adblock Browser for iOS] [Settings] Misaligned text in Arabic

[Shikitita]

Environment

Platform: iPhone 6
Operating system: iOS 9.1
Browser: Adblock Browser v1.2.1 (core 1.3.3)

How to reproduce

1. Install Adblock Browser for iOS for the first time
2. Change the iPhone's language into Arabic
3. Access Adblock Browser for iOS by tapping on its icon in the Home screen
4. After going through the onboarding slides, access the settings by tappin on the icon at the bottom of the screen and then on Settings (إعدادات)

Observed behaviour

The texts of all prompt buttons and check marks are aligned to the left as shown in these screenshots:

• Prompt buttons: Screenshot of "More Blocking Options"
• Check marks: Screenshot of "Search Engine"
• Particular example: Screenshot of "URL Search Suggestions" ("URL Search Suggestions" (إعرض إقتراحات البحث) is misaligned towards the left and concatenated with the prompt button)

Expected behaviour

The texts of prompt buttons and check marks should be aligned towards the right so that in can be read properly as well as being visually appealing.

iOS8 vs iOS9

According to different findings on Internet in regards to the differences between iOS 8 and iOS 9, iOS 8 does not seem to support the display of the UI for RTL texts, only the text itself. That means that any prompt buttons, sections or even swipe direction, will still be displayed/function from left to right.

However, on iOS 9 this was improved according to ​a Wikipedia article, where the following improvements were implemented:

• Support for right-to-left languages.
• Redesigned User Interface for right-to-left languages. (As an Expanded language support improvement)

This can be observed in the following screenshots, where the UI for iOS 8 looks completely different from the iOS 9 UI for RTL languages, obviously the latter being improved for RTL languages.

The same can be then observed in the latest dev build of ABB for iOS 1.3.0:

• ABB for iOS 1.3.0 Dev Build on iOS 8
• ABB for iOS 1.3.0 Dev Build on iOS 9

Possible solution

Best thing to do seems to apply the default RTL UI and text display for iOS 9 as well as RTL text.
For iOS 8, however, we should add a "nbsp" (Alt + 0160) at the "end" of the affected strings on Crowdin in order to avoid concatenation with the prompt buttons.
Also, the consistent display of text aligned towards the right should be respected in both iOS 8 and iOS 9 in order to avoid strings displayed like the one in the "Edit Bookmarks" section.

[Shikitita]

"URL Search Suggestions" Misalignment in Arabic

[Shikitita]

"More Blocking Options" Misalignment in Arabic

[Shikitita]

"Search Engine" Misalignment in Arabic

[mario]

Reopened due to one remaining prompt button being displayed LTR in arabic:

1. Go to bookmarks
2. Press and hold an existing bookmark until its context menu appears
3. Press "edit"

Observed behavior

The prompt button "Show in dashboard" is aligned to the left instead of being aligned to the right in Arabic as shown in this screenshot.

Expected behavior

The prompt button "Show in dashboard" is aligned to the right in Arabic