Ion Content inside Slidebox can scroll and swipe

ionic-v1
1

Hi, I believe I’ve found a bug in beta14. I’m not sure if it is intended, but the issue isn’t in earlier versions, and the changelogs don’t seem to mention it.

When using an ion-slide-box where each slide contains an ion-content (or an ion-scroll), you are able to scroll the content vertically, while swiping the slides horizontally. In previous versions of Ionic, this behavior was locked to moving one at a time.

Here’s a codepen that reproduces the issue. Try grabbing the slide and moving horizontally, then vertically.

http://codepen.io/squeaky-clean/pen/JorvzR

If you change the ionic.bundle.js to beta 13 or earlier, the issue disappears.

Thanks!

2

Sorry for double posting, but I also have a related question. What is the best way to handle scrolling inside of ion-slides? Originally I was doing:

<ion-content>
    <ion-slide-box>
        <ion-slide>
            <ion-scroll>
                Content goes here
            </ion-scroll>
        </ion-slide>
    </ion-slide-box>
</ion-content>

But after seeing this thread, I tried:

<ion-slide-box>
    <ion-slide>
        <ion-content>
                Content goes here
        </ion-content>
    </ion-slide>
</ion-slide-box>

There seem to be mixed opinions on which is better. In my case there was no noticeable difference, they both work fine. But I don’t want to have any unexpected surprises later!

Thanks again!

3

For ionic 2, you need to use <ion-slides>. <ion-slide-box> has been deprecated.