Vuetify底部导航在iOS浏览器上出现故障

Question

我为此导航栏使用了vuetify底部导航和google材质图标。但是，在ios浏览器中打开（尝试使用chrome和safari）时，导航菜单变得如上图所示。尤其是在上下滚动之后。有时不出现，但大多数情况下出现。在android浏览器上很好。

这里可能出现什么问题？是在CSS中，我需要使用oberflow touch之类的功能还是html中的功能？

<v-bottom-nav fixed color="accent" :value="true" :active.sync="e1">
  <v-btn to="/" flat color="white" value="home">
    <span>Beranda</span>
    <v-icon>home</v-icon>
  </v-btn>
  <v-btn to="/orders" flat color="white" value="orders">
    <span>Pesanan</span>
    <v-icon>history</v-icon>
  </v-btn>
  <v-btn to="/favorites" flat color="white" value="favorites">
    <span>Favorit</span>
    <v-icon>favorite</v-icon>
  </v-btn>
  <v-btn to="/profile" flat color="white" value="profile">
    <span>Profil</span>
    <v-icon>person</v-icon>
  </v-btn>
</v-bottom-nav>

谢谢