Perfect-scrollbar: RTL support (again!)

Created on 4 Oct 2017 · 4Comments · Source: mdbootstrap/perfect-scrollbar

Currently, it seems RTL works only for Chrome. #484

I'm not familiar with RTL and also do not own any Windows machine, so any contribution concerning this will be welcomed.

The good starting point is to make rtl.html example work.

help wanted enhancement

Source

hatashiro

👍3

Most helpful comment

ps = new PerfectScrollbar(element, {
    wheelSpeed: 0.5,
    swipeEasing: true,
    wheelPropagation: false,
    minScrollbarLength: 40,
    suppressScrollX: true
});

ps.isRtl = false;

this ps.isRtl = false; fix the RTL issue.

ashrafreda on 8 Oct 2018

👍2

All 4 comments

I've confirmed that RTL support doesn't work in Chrome too, because of recent rail+thumb changes.

hatashiro on 6 Oct 2017

I am only using Y scroll so this changes worked for me , almost.

.rtl .ps__rail-y {right : auto !important;left : 0;}

let scrollbar   = new PerfectScrollbar(this.element, { suppressScrollX: true });
scrollbar.isRtl = false;

Exlord on 22 Jul 2018

👍1

ps = new PerfectScrollbar(element, {
    wheelSpeed: 0.5,
    swipeEasing: true,
    wheelPropagation: false,
    minScrollbarLength: 40,
    suppressScrollX: true
});

ps.isRtl = false;

this ps.isRtl = false; fix the RTL issue.

ashrafreda on 8 Oct 2018

👍2

This was fixed by #744