Ionic 4 - must be a rtl/ltr bug? (MULTI LANGUAGE APP)

Ionic Framework
1

### THIS MUST BE A BUG!!

Global.SCSS BASED ON RTL OR LTR DOES NOT WORK!!
In my case it is very simple if i use RTL i would like to have use RTL style located in global.scss.
Like Ionic 3. But this does not work for me. I migrated to ionic 4 and getting stuck with this problem.

[dir="ltr"] {
  ion-button {
    //My style for LTR
  }
}
[dir="rtl"] {
  ion-button {
   //My style for RTL
  }
}

I trying to change the direction based on what i have choice in my language service variable set. (RTL or LTR) in my ion-header or ion-content .
Have tried code above in global.scss. But only work if you have the direction in index.html.

The global style does not care only look at index.html direction it does not care about my home.page.html if i have put dynamic direction

It always look at index.html . and take the direction from there and use that style that is set there.
([dir=“rtl”] ); --> look only in index.html can not figure out how to fix this.

Is there no fix for this yet? I would like to have the direction based on what language i choice,
In my case i have 2 diffrent styles one for LTR and one for RTL .

Is there any solution for this?

I have post this on github also as a comment… hope everybody can see it.

2

Have you reported this problem as a bug issue on GitHub with a full reproduction of what is going on so a maintainer can easily replicate it?

3

yes i have, still waiting for a solution.

4

It might be beneficial to link to the issue you reported here for context.

5