Flexbox + overflow + ios почему работает не корректно, как исправить?

Question

[Make Now]

Здравствуйте. Столкнулся с задачей которую не могу разрешить. Подскажите пожалуйста кто как решил такую проблему, если конечно сталкивался с таким.

Код и суть: codepen.io/shturnev/pen/pRdoVw
Эта проблема только на ios, т.е. проявляется на ipad и iphone. На других устройствах такой проблемы нет..

скрин проблемы:

Answer 1

[Иван]

Flex не везде поддерживается.

Comments

[Make Now]

согласен но фишка не в этом.. проблема в следующем: когда используешь просто flex-grow без overflow, то всё ок, но если с overflow, то блоки пытаются втиснуться внутри контейнера не выходя за пределы viewport, хотя и стоит ovefrlow: auto (или даже scroll)

Answer 2

[Alexander Belov]

Попробуй min-height вместо height указать

Comments

[Make Now]

а если нельзя, высота блока должна быть фиксирована?

Answer 3

[RTW]

https://autoprefixer.github.io/