bug: iOS shadow transition effect makes left swiper slide inaccessible

Ionic version:

[x] 4.x

Current behavior: When using ion-slides, the shadow transition effect (iOS only, added in #18661) of the slide with index i+1 covers the slide with index i. This is because the transition-effect has a css of left: -100% https://github.com/ionic-team/ionic/blob/9b075ef52968435a37487ae742e2afeed9fb4b12/core/src/components/content/content.scss#L126

Expected behavior: All pages of the swiper should be accessible

Sample Application: https://github.com/hoi4/shadow-transition-test

Ionic info:

Ionic:

   Ionic CLI                     : 5.4.1 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.9.1
   @angular-devkit/build-angular : 0.801.3
   @angular-devkit/schematics    : 8.1.3
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.0.0

Utility:

   cordova-res : 0.3.0 (update available: 0.6.0)
   native-run  : 0.2.3 (update available: 0.2.8)

System:

   NodeJS : v10.15.0 (/usr/local/Cellar/node@10/10.15.0/bin/node)
   npm    : 6.11.3
   OS     : macOS Mojave

[liamdebeasi]

You can add -webkit-overflow-scrolling: touch to those divs to get the inertia scrolling. (On iOS 13 this is enabled by default, but on older versions of iOS you need to specify in the CSS)

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.