Tengo problemas para desplazarme para trabajar en dispositivos móviles con vue-fullpage.js y vuetify carrusel, parece que el espacio se puede desplazar en dispositivos móviles, mientras que los deslizamientos en el carrusel parecen ignorarse o no recogerse.

Espero que alguien tenga experiencia con esto, ya que probé scrollOverflow y otras cosas.

Aquí hay un codepen

Aquí está la estructura de mi ejemplo:

 <script type="text/x-template" id="app-template"> <v-app> <v-container fluid fill-height class="black"> <full-page ref="fullpage" :options="options" id="fullpage"> <div class="section"> <div class="wrapper"> <b></b> <v-carousel v-model="model" vertical class="element"> <v-carousel-item v-for="(color, i) in colors" :key="color"> <v-sheet :color="color" height="100%" tile> <v-row class="fill-height" align="center" justify="center"> <div class="text-h2"> Slide {{ i + 1 }} </div> </v-row> </v-sheet> </v-carousel-item> </v-carousel> <b></b> </div> </div> <div class="section"> <div class="wrapper"> <b></b> <v-carousel v-model="model" class="element"> <v-carousel-item v-for="(color, i) in colors" :key="color"> <v-sheet :color="color" height="100%" tile> <v-row class="fill-height" align="center" justify="center"> <div class="text-h2"> Second Slide {{ i + 1 }} </div> </v-row> </v-sheet> </v-carousel-item> </v-carousel> <b></b> </div> </div> </full-page> </v-container> </v-app> </script>

Gracias por adelantado.