No Support for RTL (Right-to-Left) Layouts

[30YA]

I am using the nextjs-toploader library in a project that uses an RTL (Right-to-Left) layout. Unfortunately, the progress bar starts from the left side of the screen, which is incorrect for RTL designs. I've tried to override the styles manually using CSS and JavaScript, but none of the solutions worked as expected !! is there a way ?

[nasraldin]

+1 same

[mirismaili]

I have the same issue, too.

I expect its direction automatically adjusted according to page direction (HTML dir="rtl"/dir="ltr" or CSS direction: rtl/ltr).

[ggdeploybot]

https://github.com/tomcru/holy-loader has this.

[mirismaili]

I used this temporary workaround:

rstacruz/nprogress#206 (comment)

[dir='rtl'] body > div#nprogress {
  transform: scaleX(-1);
  position: fixed;
  right: 0;
  top: 0;
  left: 0;
}

[EbukaMoses]

Hi, with 4 to 5 years of experience in React, Next, Typescript, Tailwind CSS and core CSS. I have over the years built appealing UI as a person and with teams, i believe that if assign this task i will be able to fix it. Thanks as i look forward to hearing from you