bootstrap 4 row height set by specific col - not highest one

Question

I have a row with two cols.
The first col contains some stuff that has to be visible: it shall not overflow the row nor scroll.
The second row contains a long list t

Answer 1

You need to make the list-group position:absolute, and then set overflow:auto on both the list and list-group...

.list {
    overflow: auto
}

.scroll {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:auto;
}

Demo: https://www.codeply.com/go/X2ydvxPU3k

---

Also see:
One flex item sets the height limit for siblings
Flex equal height column but respect max height of another column