Flexbox (дисплей: flex) не работает на iOS 13

Question

Проблема возникает в браузере Safari с iOS 13 .

Страница имеет статус c html с использованием bootstrap 4 и AngularJS.

Вот ссылка на код http://jsfiddle.net/dermingo/q1mygfnh/15/

и вот проверяемая ссылка http://jsfiddle.net/dermingo/q1mygfnh/15/show ( на всякий случай)

Поведение следующее:

• Вы нажимаете на картинку с # 1 (или 2) и приземлитесь на ползунок
• Нажмите Go назад
• И вы заметите, что некоторые стили потерпели крах

Если вы проверите его, вы увидите проблему, исходящую из класса .row:

.row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

Добавив пробел в display: flex; и затем удалите его, класс возвращается к жизни:

Почему так себя ведет и как я могу это исправить?