Working on a Bootstrap 4 Holy Grail layout.
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, MENU 2, contains overflowing content that won't scroll no matter what I try.
What am I missing? Any assistance would be appreciated!
Here is the pertinent CSS:
.flex_item2 {
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
overflow-y: auto;
}
Demo: https://www.codeply.com/go/Db0rEUYvXn
Thank you so much!