From a7d0f5253c2b6e5530a156f154c302a8bb6c420d Mon Sep 17 00:00:00 2001
From: Adrien Denat <oi@adriendenat.com>
Date: Fri, 2 Nov 2018 12:39:04 +0100
Subject: [PATCH] fix native scrollbars appearing when applying padding

---
 packages/simplebar/src/simplebar.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/simplebar/src/simplebar.js b/packages/simplebar/src/simplebar.js
index db1b036c..aec704dd 100755
--- a/packages/simplebar/src/simplebar.js
+++ b/packages/simplebar/src/simplebar.js
@@ -243,6 +243,7 @@ export default class SimpleBar {
       ).length
     ) {
       // assume that element has his DOM already initiated
+      this.wrapperEl = this.el.querySelector(`.${this.classNames.wrapper}`);
       this.contentEl = this.el.querySelector(`.${this.classNames.content}`);
       this.offsetEl = this.el.querySelector(`.${this.classNames.offset}`);
       this.maskEl = this.el.querySelector(`.${this.classNames.mask}`);
@@ -366,7 +367,8 @@ export default class SimpleBar {
 
     this.placeholderEl.style.width = `${this.contentEl.scrollWidth}px`;
     this.placeholderEl.style.height = `${this.contentEl.scrollHeight}px`;
-    this.placeholderEl.style.margin = `-${this.elStyles.paddingTop} -${this.elStyles.paddingRight} -${this.elStyles.paddingBottom} -${this.elStyles.paddingLeft}`;
+
+    this.wrapperEl.style.margin = `-${this.elStyles.paddingTop} -${this.elStyles.paddingRight} -${this.elStyles.paddingBottom} -${this.elStyles.paddingLeft}`;
 
     this.axis.x.track.rect = this.axis.x.track.el.getBoundingClientRect();
     this.axis.y.track.rect = this.axis.y.track.el.getBoundingClientRect();