Пишу вот такую конструкцию -
.modal-content {
font-size: 15px;
overflow-x: hidden;
overflow-y: hidden;
display: flex;
flex-direction: column;
}
.list-content {
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.list-content находится внутри .modal-content и, по задумке, заполняет его полностью. Все везде работает, но на iPad'е .list-content исчезает. Если убрать "flex: 1;", содержимое показывается.
Что нужно сделать с этим флексом, чтобы заставить его показываться на iPad Safari?