Can't scroll to top of flex item that is overflowing container

Question

So, in attempting to make a useful modal using flexbox, I found what seems to be a browser issue and am wondering if there is a known fix or workaround -- or ideas on how to

Answer 1

Well, as Murphy's Law would have it, the reading I did after posting this question resulted in a few results -- not completely resolved, but somewhat useful nonetheless.

I played around with min-height a bit before posting, but was not aware of the intrinsic sizing constraints that are fairly new to the spec.

http://caniuse.com/#feat=intrinsic-width

Adding a min-height: min-content to the flexbox area does resolve the issue in Chrome, and with vendor prefixes also fixes Opera and Safari, though Firefox remains unresolved.

min-height: -moz-min-content; // not implemented
min-height: -webkit-min-content // works for opera and safari
min-height: min-content // works for chrome

Still looking for ideas on Firefox, and other potential solutions.