Merge pull request #40 from coreui/fix-rtl-sidebar-ps-issue

fix(SidebarNav): dirty fix for rtl ps scrollingX issue

Author: xidedix

Diff for: package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "CoreUI React Bootstrap 4 components",
   "license": "MIT",
   "author": {
@@ -46,7 +46,7 @@
     "reactstrap": "^6.4.0"
   },
   "peerDependencies": {
-    "@coreui/coreui": "^2.0.12",
+    "@coreui/coreui": "^2.0.14",
     "react": "16.x"
   },
   "devDependencies": {

Diff for: src/SidebarNav.js

@@ -173,9 +173,12 @@ class AppSidebarNav extends Component {
 
     const navClasses = classNames(className, 'sidebar-nav');
 
+    // ToDo: find better rtl fix
+    const isRtl = getComputedStyle(document.querySelector('html')).direction === 'rtl'
+
     // sidebar-nav root
     return (
-      <PerfectScrollbar className={navClasses} {...attributes} option={{ suppressScrollX: true }} >
+      <PerfectScrollbar className={navClasses} {...attributes} option={{ suppressScrollX: !isRtl }} >
         <Nav>
           {children || this.navList(navConfig.items)}
         </Nav>