ion-label floating direction rtl , the label come almost in the middle not at the right.

[joesleiman]

Ionic version:
3.0.1

*I'm submitting a bug report

Current behavior:
the label comes in the center. not right

Expected behavior:
the label should appear in the right side.
Steps to reproduce:

<ion-item>
     <ion-label floating style="direction:rtl;">joe</ion-label>
     <ion-input></ion-input>
</ion-item>

css: direction : rtl;

[brandyscarney]

Could you try updating to the latest version of Ionic: 3.2.0? There have been a lot of rtl improvements. I am not able to reproduce this on latest:

cc @AmitMY

[AmitMY]

@joesleiman The reason for this is that you use "direction: rtl"
you should instead, on the item itself (preferably on the entire html, but if that what you need so the item) add dir="rtl"

Here is the relevant fix: #11324

Sidenote: there is no plan to support direction: rtl as it doesn't really work on old browsers, or even current explorer/edge. (I mean, stuff like padding-block-start)

[joesleiman]

@brandyscarbey Same issue on latest ionic version 3.2.0
@AmitMY : yes i discovered this . It's fine now

[joesleiman]

I don't want to add dir="rtl" on html tag because the back button still same icon . I mean pointing to the left like this < . I need it to be >

[AmitMY]

@joesleiman RTL support is WIP.
This one fixes the arrow for the input - #11351 - and will be merged when required changes are met.

[joesleiman]

Hope they merge it soon.
You know something about the menu in rtl direction. It open from left to right . I think it is also solved but need to merge. Thankss

[AmitMY]

@joesleiman since 3.1.0, if not specifying the menu side, and having dir="rtl" at the beginning of the doc it would open from the right.

The animation itself, and having it be changeable in run-time, is still open #11336

If your app is RTL only, and you want to make it always open from the right, for now, add [side]="'right'" and it will work.

[manucorporat]

fixed in 3.2.1, but RTL support continues improving
cc @AmitMY

[joesleiman]

@AmitMY no my app is ltr and rtl .
@manucorporat is there a 3.2.1 version . I know the last version is 3.2.0

[joesleiman]

@AmitMY i put dir='rtl' at the begining and the menu still open from the left side but the menu button is moved to the right .

[AmitMY]

@joesleiman yep, that open PR fixes it. I can't give an estimate to when it will be merged. @manucorporat might be able.

[joesleiman]

Ok just another issue that i faced. Im using the google map from ionic native plugin. I noticed that if i change the background color of the page where the map is , the map disappear from the page.
And if i have an ion- select above the map , then i click on select a modal or pop up appear but i can't click on any option since they are above the map.
Also there a delay when i scroll the page . The map take time to start scroll.
Thanks in advance for everyone.

[AmitMY]

It seems like a different issue.. Please create an issue with ionic-native for the maps issue.

[joesleiman]

Ok thank you...

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.