[4.0.0-beta.5] ion-back-button wrong text position in RTL

[berchik]

Bug Report

Ionic Info

Ionic:

   ionic (Ionic CLI)          : 4.1.1 (C:\Users\jo\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.5
   @angular-devkit/core       : 0.7.5
   @angular-devkit/schematics : 0.7.5
   @angular/cli               : 6.1.5
   @ionic/ng-toolkit          : 1.0.7
   @ionic/schematics-angular  : 1.0.5

Cordova:

   cordova (Cordova CLI) : 7.0.1
   Cordova Platforms     : not available
   Cordova Plugins       : not available

System:

   Android SDK Tools : 26.1.1 (A:\Users\Jo\AppData\Local\Android\sdk)
   NodeJS            : v8.9.3 (A:\Program Files\nodejs\node.exe)
   npm               : 6.1.0
   OS                : Windows 10

Describe the Bug

Using dir="rtl", the back button text is located on the wrong side of the icon on IOS,

Top left toolbar showing this Back<
instead of <Back

[abennouna]

It's the default back icon that is not inverted in RTL mode, in both ios and md modes.
The text is in the correct position relative to the icon.

The correct render should be (back_text) > in ios mode or > in md mode

[AbbasTallaq]

Same here, even in android the arrow showing in wrong direction

[Guillerbr]

ok

[AbbasTallaq]

Am working on ionic 4 dev, if this will be fix soon please update... if going to takes time.. then I will role back to ionic 3...
thanks everybody

[abennouna]

I'm currently using this workaround:

[dir="rtl"] {
  ion-icon {
    &[name="arrow-forward"],
    &[name="arrow-back"] {
      transform: rotateY(180deg);
    }
  }
}

[AbbasTallaq]

I have tried this workaround, but unfortunately aren't working, I have placed the code in page.scss and even in variable.scss ... still the same the arrows showing the wrong side.

[paulstelzer]

Is this issue still exist in beta.17?

[abennouna]

Yes: in RTL mode & out of the box, the icons don't rotate by themselves.

You can check the demo here and the demo repository here

[abennouna]

Probably the same issue happening in #14958

[paulstelzer]

Yeah, there are a lot of issues related to RTL mode. It would be great if someone can add a PR to resolve this issue

[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.