Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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

Issue Analytics

State:
Created 5 years ago
Comments:11 (6 by maintainers)

Top GitHub Comments

1reaction

paulstelzercommented, Dec 4, 2018

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

0reactions

ionitron-bot[bot]commented, Feb 13, 2019

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.

Top Results From Across the Web

ion-back-button not changing direction when dir=rtl until re ...

I have noticed that changing layout direction isn't actually changing the dir attribute for <html> , so I am still getting <html dir="en">...

signature=4c44794979d36c3b2c6e1161877175aa,ionic-framework ...

5.3.5 (2020-10-07)Bug Fixesbutton: allow any element type to use the "icon-only" slot (#22168) (c454c84)datetime: do not set ampm when the column doesn't ...

ionic/docs/core.json - UNPKG

"text": "role The role of the element that is dismissing the action sheet.\nThis can be useful in a button handler for determining which...

Right-to-left Styling - RTL Styling 101

Notice for the RTL section, the text reads from right to left, ... 5. Picking a Bad RTL Font #. Having an RTL...

Source - GitHub

[6.0.0-beta.6](https://github.com/ionic-team/ionic/compare/v5.8.0...v6.0.0-beta.6) (2021-09-15) ... **item:** highlight now appears above helper/error text ...