1064571 - [RTL] Message recipient input should align and input RTL.

Status: RESOLVED DUPLICATE of bug 1053708

(Firefox OS Graveyard :: Gaia::SMS, defect)

Description

[Stephany Wilkes]

Set language to Arabic.
Open the SMS composer.
Observe that + icon to add contact and blue bubble input are aligned left.

Expected: + icon and bubble input are aligned right, and recipient name in Arabic (when there is a keyboard to type in Arabic, which there isn't yet) should flow from RTL when input.

Comment 1

[Julien Wajsberg [:julienw]]

Stephany, I agree that bubble input should be aligned right, but why the "+" icon should be aligned right like in LTR situation? I don't get why it should not be aligned left in RTL.

Comment 2

[Stephany Wilkes]

This bug was added to our Arabic Bug Bash etherpad by one of our users in either Tunis, Jordan or Sudan. I can try to figure out who it was, but I'm just filing what they found and added during the Arabic community bug bash. They said this is what they would expect to see.

Comment 3

[Julien Wajsberg [:julienw]]

Ahmed, I think we need your insight here :) Can you please comment on my question in comment 1?

Comment 4

[Ahmed Nefzaoui [:Nefzaoui]]

(In reply to Julien Wajsberg [:julienw] from comment #1)
> Stephany, I agree that bubble input should be aligned right, but why the "+"
> icon should be aligned right like in LTR situation? I don't get why it
> should not be aligned left in RTL.

I agree, the "+" icon should be left-aligned in RTL as it is right now, which is the most reasonable thing to do IMO given its original position in LTR. :)
I'm guessing that the "bubble input" is the input position indicator bubble? If so I think it should be addressed on gecko's side while the text auto-alignment should be addressed in gaia using the :dir(ltr/rtl) pseudo-class right?

Comment 5

[Julien Wajsberg [:julienw]]

I'd like to double check but I think we're using "float" to float the bubbles currently, maybe we should switch to inline-block so that it would work in RTL for free?

Another possibility is to use flexible layout with flex-wrap. Could be quite elegant indeed :)

Comment 6

[Julien Wajsberg [:julienw]]

Except bug 1080832, I think this works fine now.

Comment 7

[Alissa（leave from Mozilla）]

Test case has been added in moztrap:
https://moztrap.mozilla.org/manage/case/15374/