Невозможно отобразить флажок AngularJS материала на iPad горизонтально, но работает на рабочем столе

Question

У меня проблема с AngularJS flex. В первом на iPad он отображается вертикально, а в режиме Chrome iPad в инструментах разработчика он отображается правильно.

Не уверен, что я сделал не так, или мне нужно подумать еще о чем-нибудь? Не работает ли flex на iPad? Я попробовал браузеры Safari и Chrome на iPad, и они отображают одно и то же.

элементы отображаются корректно в режиме Chrome Developer iPad mode

элементы отображаются вертикально на ipad

        <md-card style="width: 98%;" ng-repeat="x in survey | orderBy:'qn'">
        <md-card-title>
            <md-card-title-text>
                <span class="md-headline">{{ x.txt }}</span>
            </md-card-title-text>
        </md-card-title>
        <md-card-content>
            <div ng-if="x.qType == 'check'" layout="row" layout-wrap >
                <div ng-repeat="y in x.op" flex="50">
                    <md-input-container>
                        <md-checkbox ng-model="chkbx" aria-label="{{y.optionID}}" ng-click="click(y)" >
                                <img src="{{ y.optionIcon }}" style="{{y.style}}">
                        </md-checkbox>
                    </md-input-container>
                </div>   
            </div>
        </md-card-content>
    </md-card>

Answer 1

Оказывается, проблема с движком iOS WebKit, не обновлял мою версию iOS раньше, после обновления она работает хорошо.