title: Use ngx-scrollbar for ngx-bootstrap's tab content
body: <p>In my project I am using bootstrap 4 and ngx-bootstrap. Now I need to create a component that will include 2 scrollable div, switched by tabs.</p>
  
  <p>I would like to show a sample application in stackblitz, but I can't create it. </p>
  
  <p>So here is my component where I want to place these tabs:</p>
  
  <pre><code>&lt;div class="d-flex flex-column h-100"&gt;
    &lt;div class="border-bottom align-items-center d-flex flex-shrink-0 pr-3 pl-3" style="height: 60px !important;"&gt;
      &lt;input type="text" class="form-control" id="search" placeholder="Search..."&gt;
    &lt;/div&gt;
    &lt;tabset [justified]="true"&gt;
      &lt;tab heading="Title 1"&gt;
        &lt;ng-scrollbar [autoHide]="true"&gt;
          &lt;app-foo-list&gt;&lt;/app-foo-list&gt;
        &lt;/ng-scrollbar&gt;
      &lt;/tab&gt;
      &lt;tab class="" heading="Title 2"&gt;
        &lt;ng-scrollbar [autoHide]="true"&gt;
           &lt;app-foo-list&gt;&lt;/app-foo-list&gt;
        &lt;/ng-scrollbar&gt;
      &lt;/tab&gt;
    &lt;/tabset&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In the AppFooList component I will place a list of items. For example it would be similar to the following code:</p>
  
  <pre><code>    hiiiiiiii &lt;br&gt;
      hiiiiiiii &lt;br&gt;
      hiiiiiiii &lt;br&gt;
      hiiiiiiii &lt;br&gt;
      ...
  </code></pre>
  
  <p>Can you help me fix my code so that it works correctly? Ngx-scrollbar doesn't work with tabs' content. All of my tries ended with scrolling the whole app because the content has a bigger height than rest of app or the content will be scrollable but the ngx-scrollbar wasn't applied and the scrollbar was ugly. I need the height of div to be the rest of the space to the bottom. This is reason why I am using flexbox.</p>
  
  <p>EDIT:
  <a href="https://stackblitz.com/edit/angular-tjlcr1?file=src%2Fapp%2Fapp.component.html" rel="noreferrer">code in stackblitz</a></p>