Как исправить: «Главное меню не отображается на Iphone 7» с помощью vue.js

Question

Я занимаюсь разработкой веб-приложения с laravel и vuejs. На большинстве мобильных устройств приложение выглядит корректно, но у меня есть ошибка с iphone 7: значки в верхнем меню не отображаются, показывая только пустую панель. Элементы существуют, так как вы можете щелкнуть по ним.

Это происходит только на iPhone 7, модель MN952QL / A. Это приложение, которое по умолчанию открывает браузер и отображает https://odour.100x100.net/.. Меню не отображается, даже если вы открываете приложение или обращаетесь к URL из браузеров (safari и chrome работают одинаково). Я проверил, что это не проблема z-index или что javascript был отключен.

<v-toolbar-side-icon v-show="!create_odours" @click="goCreateOdour"><img :src="add_icon_top"></v-toolbar-side-icon>  

<v-toolbar-side-icon v-show="create_odours" @click="cancelCreateOdour">
    <p class="left-button">Cancel</p>
</v-toolbar-side-icon>

<v-toolbar-title class="text-md-center">
    <div @click="resetAll" class="text-md-center font-weight-regular logo">
        <img class="logo pointer" :src="logo_icon">
    </div>
</v-toolbar-title>  

<v-spacer></v-spacer>  

<v-toolbar-side-icon @click.stop="drawerRight = !drawerRight">
    <img :src="menu_icon">
</v-toolbar-side-icon>

Я предполагаю, что в верхнем меню отображаются две кнопки и логотип, но отображается только белая полоса.