Невозможно выполнить вертикальную прокрутку страницы в браузере ios с полной загрузкой карусели

Question

У меня есть загрузчик слайдера карусели высотой 100vh в моем заголовке на мобильном андроиде, он работает нормально, но на IOS (Chrome и safari) он не может провести прокруткой вниз по странице (событие касания сверху слайдера). Смахивание по сторонам для запуска слайд-перехода работает нормально, но прокрутка страниц при пролистывании вверх или вниз не происходит. вот мой код

 <div class="flex container carousel slide col-12 col-md-9 p-img-slide" data-ride="carousel" data-interval="false"
          #carouselImgProduct id="carouselImgProduct" [ngStyle]="{'touch-action': 'pan-y'}" (swipeleft)="prevnextImgClick(true)" (swiperight)="prevnextImgClick(false)">
          <div class="carousel-inner">
            <div class="carousel-item p-img-only" *ngFor="let im of lst; index as i"
              [class.active]="i === indexDisplayImage">
              <img src="{{im}}" alt="{{im}}" />
            </div>
          </div>
          <ol class="carousel-indicators">
            <li data-target="#carouselImgProduct" *ngFor="let im of lst; index as i"
              [attr.data-slide-to]="i" [class.active]="i === 0"></li>
          </ol>
        </div>

Любая помощь приветствуется! Спасибо!