title: Hiding horizontal scrolling bar doesn´t work using simplebar library
body: <p>I'm using simplebar library (<a href="https://github.com/Grsmto/simplebar" rel="nofollow noreferrer">https://github.com/Grsmto/simplebar</a>) inside of an angular 6 project, when I added the simple bar in my html tag, it showed up an horizontal and a vertical scroll bar, so I want to show the vertical scroll bar only.</p>
  
  <p>I've tried to hide the horizontal scroll bar with this CSS property: </p>
  
  <pre><code>overflow-x: hidden
  </code></pre>
  
  <p>and with this properties too: </p>
  
  <pre><code>width:100%" and "position:abolute" or "position:relative"
  
  &lt;div data-simplebar style="overflow-x: hidden"&gt;
      &lt;div *ngFor="let example of examples;"&gt;
          &lt;div&gt;{{example.title}}&lt;/div&gt;
              &lt;p&gt;{{example.text}}&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I expect only to show the horizontal scroll bar, but it doesn't seem to work, I don't know if I'm missing something or some CSS property, or if Angular is causing this problem.</p>