title: Bootstrap 4 tab overflow content not scrolling
body: <p>Working on a Bootstrap 4 Holy Grail layout. </p>
  
  <p>Each column should scroll overflowing content independently and without declaring a height. The far left column scrolls properly. The far right column though has a Bootstrap NAV/TAB widget. The third tab of which, <strong>MENU 2</strong>, contains overflowing content that won't scroll no matter what I try. </p>
  
  <p><strong>What am I missing?</strong> Any assistance would be appreciated! </p>
  
  <p>Here is the pertinent CSS: </p>
  
  <pre><code>.flex_item2 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  overflow-y: auto;
  }
  </code></pre>
  
  <p>Demo: <a href="https://www.codeply.com/go/Db0rEUYvXn" rel="nofollow noreferrer">https://www.codeply.com/go/Db0rEUYvXn</a></p>
  
  <p>Thank you so much! </p>
  
  <p><a href="https://i.stack.imgur.com/0CsEK.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0CsEK.jpg" alt="Bootstrap 4 Holy Grail"></a></p>