Status

()

Firefox for iOS
Theme & Visual Design
3 years ago
15 days ago

People

(Reporter: Boris Dušek, Assigned: st3fan)

Tracking

(Depends on: 12 bugs, Blocks: 2 bugs, {meta, rtl})

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment, 1 obsolete attachment)

3.20 MB, application/pdf
Details
(Reporter)

Description

3 years ago
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_3) AppleWebKit/600.5.17 (KHTML, like Gecko) Version/8.0.5 Safari/600.5.17

Steps to reproduce:

Use Firefox (and pretend your native tongue is right-to-left and so you also expect UI to be right-to-left).


Actual results:

While the arabic texts are displayed correctly, they are left-aligned, everything tends to be left-aligned, flow from left-to-right.


Expected results:

The UI should adopt RTL rigorously. E.g. by using ".leading" instead of ".left" and ".trailing" instead of ".right" in SnapKit constraints.

Note I tried iOS in Arabic for a while (I don't understand a word in Arabic, just wanted to see what iOS does UI-wise), and it seems iOS does not really adapt to RTL much. But that is IMHO no reason for Firefox not to do things properly and be better than Apple and to make e.g. Arabic and Hebrew users "feel at home" when using Firefox for iOS.

See e.g. http://dret.net/lectures/web-fall07/img/outlook-right-to-left.png for a nice example of fully-RTL UI.
(Reporter)

Comment 1

3 years ago
I wonder if e.g. VoiceOver would visit elements in the right direction (that is RTL direction) in an RTL app, instead of the default LTR direction.
(Reporter)

Comment 2

3 years ago
Looks like iOS 9 has really gone to great lengths to make RTL language users first class iOS citizens - see e.g. http://9to5mac.com/2015/06/08/right-to-left-languages-ios9/

However until Firefox for iOS is translated into Arabic or Hebrew (which it strangely is not, at least I could not find it in the l10n repo), I would expect iOS would not "flip" the UI, leaving it in the current well tested LTR look. So it seems like no issue until Firefox for iOS is localized into Arabic or Hebrew (or other RTL languages).

Comment 3

2 years ago
Hello, my native language is arabic and I'm working with Mozilla Tunisia team on the arabic translation.
I'll be happy to work on RTL support too.

Updated

2 years ago
Alias: iOS-RTL
Status: UNCONFIRMED → NEW
Ever confirmed: true
Keywords: meta, rtl
Hardware: Other → All
Summary: UI does not look well in RTL cultures → [meta] RTL

Updated

2 years ago
Depends on: 1229027
(Assignee)

Updated

2 years ago
Assignee: nobody → sarentz
Depends on: 1259587

Comment 4

2 years ago
Created attachment 8738225 [details]
Review of Firefox for iOS RTL
(Assignee)

Updated

2 years ago
Depends on: 1270937
(Assignee)

Updated

2 years ago
Depends on: 1270939
(Assignee)

Updated

2 years ago
Depends on: 1270940
(Assignee)

Updated

2 years ago
Depends on: 1270941
(Assignee)

Updated

2 years ago
Depends on: 1270957
(Assignee)

Updated

2 years ago
Depends on: 1270959
(Assignee)

Updated

2 years ago
Depends on: 1270971
(Assignee)

Updated

2 years ago
Depends on: 1270974
(Assignee)

Updated

2 years ago
Depends on: 1270975
(Assignee)

Updated

2 years ago
Depends on: 1270976
(Assignee)

Updated

2 years ago
Depends on: 1270978
(Assignee)

Updated

2 years ago
Depends on: 1271017
(Assignee)

Updated

2 years ago
Depends on: 1271018
(Assignee)

Updated

2 years ago
Depends on: 1271051

Updated

a year ago
Depends on: 1315954

Updated

7 months ago
Blocks: 1367316

Updated

7 months ago
Blocks: 1367323

Comment 5

7 months ago
Created attachment 8870795 [details]
RTL-Firefox-iOS2.pdf

Update review of Firefox for iOS [RTL]
Attachment #8738225 - Attachment is obsolete: true

Comment 6

7 months ago
(In reply to Reza (rehb) from comment #5)
> Created attachment 8870795 [details]
> RTL-Firefox-iOS2.pdf
> 
> Update review of Firefox for iOS [RTL]

Page six: browser navigation buttons should be equivalent to desktop in its order of appearance:

LTR: ← → ≡ ⭮ ⮉
RTL: ⮉ ⭮ ≡ ← → 

Incorrect: arrows not pointing to the opposite sides: → ←

The leftmost arrow button in LTR and the rightmost arrow button in RTL are the backward navigation button.

Comment 7

7 months ago
(In reply to Tomer Cohen :tomer from comment #6)
> (In reply to Reza (rehb) from comment #5)
> > Created attachment 8870795 [details]
> > RTL-Firefox-iOS2.pdf
> > 
> > Update review of Firefox for iOS [RTL]
> 
> Page six: browser navigation buttons should be equivalent to desktop in its
> order of appearance:
> 
> LTR: ← → ≡ ⭮ ⮉
> RTL: ⮉ ⭮ ≡ ← → 
> 
> Incorrect: arrows not pointing to the opposite sides: → ←
> 
> The leftmost arrow button in LTR and the rightmost arrow button in RTL are
> the backward navigation button.

Hi Tomer,
Thank you.

Yes, The correct one is RTL: ⮉ ⭮ ≡ ← → 
I will this page.

Comment 8

7 months ago
(In reply to Reza (rehb) from comment #7)
> (In reply to Tomer Cohen :tomer from comment #6)
> > (In reply to Reza (rehb) from comment #5)
> > > Created attachment 8870795 [details]
> > > RTL-Firefox-iOS2.pdf
> > > 
> > > Update review of Firefox for iOS [RTL]
> > 
> > Page six: browser navigation buttons should be equivalent to desktop in its
> > order of appearance:
> > 
> > LTR: ← → ≡ ⭮ ⮉
> > RTL: ⮉ ⭮ ≡ ← → 
> > 
> > Incorrect: arrows not pointing to the opposite sides: → ←
> > 
> > The leftmost arrow button in LTR and the rightmost arrow button in RTL are
> > the backward navigation button.
> 
> Hi Tomer,
> Thank you.
> 
> Yes, The correct one is RTL: ⮉ ⭮ ≡ ← → 
> I will this page.

Hi Tomer,
Thank you.

Yes, The correct one is RTL: ⮉ ⭮ ≡ ← → 
**I will update this page.

Updated

7 months ago
Blocks: 1368305
Depends on: 1422431
Depends on: 1422433
Depends on: 1422440
You need to log in before you can comment on or make changes to this bug.