Flexbox + overflow + ios why it doesn't work correctly, how to fix it?

Question

css

Hello. I've run into a problem that I can't solve. Please tell me who solved this problem, if of course faced with such.
Code and essence: codepen.io/shturnev/pen/pRdoVw
This problem is only on ios, ie. appears on ipad and iphone. There is no such problem on other devices.
Screenshot of the problem:

Answer 1

Flex is not supported everywhere.

Answer 2

Try to specify min-heightinsteadheight

Answer 3

https://autoprefixer.github.io/