Carousel swipe function is broken on iOS devices

[niclasd]

I'm submitting a bug report

Reason: the swipe function of the carousel on iOS touch devices does not work as expected

CodeSandbox Case

https://primefaces.org/primevue/showcase/#/carousel

Current behavior

Basic and vertical carousel:

• You can swipe the first card, but with the second one, it just doesn't respond anymore.

Circular Carousel:

• swiping in the lower region works

Expected behavior

Basic and vertical carousel:

• All cards in Carousel are swipeable, not just the first one.

Circular carousel:

• it should be possible to swipe over the entire area.

Minimal reproduction of the problem with instructions

Just visit the showcase with an iPhone/iPad and try it out.

https://primefaces.org/primevue/showcase/#/carousel

Screenshot affected area on circular carousel:
https://abload.de/img/2021-09-2211_51_06-pr79kz8.png

What is the motivation / use case for changing the behavior?

Please tell us about your environment:
iOS

• Vue version: 3.X
  doesn't matter, bug is reproducable even on your demo showcase

• PrimeVue version: 3.4.X
  doesn't matter, bug is reproducable even on your demo showcase

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

iOS 14 & iOS 15 Safari

[TakCastel]

Does it fix if we put e.stopPropagation() instead of e.preventDefault() inside Carousel.vue (line 268) ?

onTouchMove(e) {
  if (e.cancelable) {
    e.stopPropagation() // Change this
  }
},