Replace touch-action: none with pan-y, remove preventDefault from touch event handling
This makes scrolling and carousels coexist. Some minor drawbacks. that I guess we can live with:
- it doesn't prevent browser gestures in touch-events scenarios (primarily iOS, where swiping from the side will trigger the browser's back/forward functionality, but this is common across these scenarios)
- Firefox on touchscreen-enabled laptops/desktops with high-dpi will throw
pointercancel
and abort a swipe gesture as soon as there's even a minimal amount of vertical movement to the swipe - this seems to be a bug/overeager behavior on the part of FX; testing on a medium-dpi Android, Firefox there seems to behave sanely
Closes https://github.com/twbs/bootstrap/issues/27531
/cc @MartijnCuppens @Johann-S