Slide Box with only two slides creates 4 slides in the view

ionic-v1
3

Hello,

the fun part is that i read your post first, and two hours later i encountered the same thing…

If you look at the source code (i.e. ionic.js), you can see this part :

  // set continuous to false if only one slide
  if (slides.length < 2) options.continuous = false;

  //special case if two slides
  if (browser.transitions && options.continuous && slides.length < 3) {
    element.appendChild(slides[0].cloneNode(true));
    element.appendChild(element.children[1].cloneNode(true));
    slides = element.children;
  }

So, by cloning the first and second slide, we obtain 4 slides…
Don’t know exactly why at this point…

Second funny thing : when i look at your codepen, the pager (4 dots) is wrapping to 2 different lines, and I see only the first 2 dots at first (I have to expand the height of the result pane to plainly see the pager with 4 dots).

The Ionic Team said in this post :

Slidebox is being revamped to be much more performant

I’m waiting for this, because i’m fighting for days to get a good-looking and working solution with dynamic slides.

1 Like