search

ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
51.09k stars 13.51k forks source link

<ion-slides> is not swipable with <ion-content overflow-scroll="false"> with MS Edge & touch screen #8608

Closed Teemu closed 7 years ago

Teemu commented 8 years ago

Short description of the problem:

ion-slides is not swipable if you using ion-content with overflow-scroll="true" and Microsoft Edge browser. Problem only occurs when using the touch screen. Other browsers are not affected.

<ion-slides>
  <ion-slide-page>
     <ion-content overflow-scroll="true">Lots of scrollable content here</ion-content>
  </ion-slide-page>
  <ion-slide-page>
     <ion-content overflow-scroll="true">Lots of scrollable content here</ion-content>
  </ion-slide-page>
</ion-slides>

swiping_not_working

What behavior are you expecting?

Swiping works:

swiping_working (Chrome)

Other information:

Workaround is to set overflow-scroll as false.

Which Ionic Version?

Latest 1.x nightly build affected and others.

Codepen: http://codepen.io/teemuko/pen/kkEVRa

KristinaHus commented 7 years ago

Have the same problem!

jgw96 commented 7 years ago

This issue was moved to driftyco/ionic-v1#84

ionitron-bot[bot] commented 6 years ago

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.