rtl text direction support

[olafcm]

Is it possible to enable text direction support?
The library works perfectly since it relies on the browsers native scrollbars so the only issue here is in the CSS, which means based on the text direction (which can be detected by doing for example getComputedStyle( document.getElementsByClassName( "simplebar-content" )[0] ).direction;) padding-right with padding-left (

simplebar/src/simplebar.js

Line 150 in 322ef34

this.scrollContentEl.style.paddingRight = `${this.scrollbarWidth || this.offsetSize}px`;

) and margin-right with margin-left (

simplebar/src/simplebar.js

Line 155 in 322ef34

this.contentEl.style.marginRight = `-${this.scrollbarWidth}px`;

) on init.

[Grsmto]

Hi @broodjekipburger
I think it's tricky to detect this automatically as the direction css property could potentially be applied higher in the DOM and cascading so Simplebar could miss it right?
Maybe having an option in the plugin to define the direction would then be a better solution?

Edit: after testing actually you're right, getComputedStyle should do the job well!

[olafcm]

Thanks!!

[mrg0lden]

simplebar-track is still on the right side on RTL mode even though we get padding-left