Сarousel elements are not at full height

[CuberHuber]

Describe the bug
I have a little bit problem with height of the carousel__viewport. It cannot spread to full height of the carousel.

<script setup lang="ts">
import GeneralCard from "~/components/carousel/GeneralCard.vue";
import 'vue3-carousel/dist/carousel.css'

const currentSlide = defineModel({type: Number});

</script>

<template>
  <div class="carousel relative w-full h-full min-h-full overflow-hidden">
    <ExtCarousel
        ref="carousel"
        v-model="currentSlide"
        :items-to-show="1.1"
        :wrap-around="true"
        :items-to-scroll="1"
        :touch-drag="true"
        snap-align="start"
        class="h-full min-h-full"
    >
      <ExtSlide
          v-for="contract in contracts"
          :key="contract"
      >
        <GeneralCard class="mr-4 h-full min-h-full">
          Some code
        </GeneralCard>
      </ExtSlide>
      <ExtSlide
          v-for="card in cards"
          :key="card"
      >
        <GeneralCard class="mr-4 h-full min-h-full">
          Some code
        </GeneralCard>
      </ExtSlide>
    </ExtCarousel>
  </div>
</template>

<style scoped>
</style>

To Reproduce

1. Just makes

Desktop (please complete the following information):

• OS: IOS
• Browser: Safari

Smartphone (please complete the following information):

• IPhone14pro
• iOS17.2
• stock browser, safari

[Tofandel]

Your ext slide doesn't have a full height on it