ItemSliding - Difficult to slide on Windows device

Ionic Framework ionic-v3
1

Hey,

I’ve been implementing a list of items with sliding actions, and it’s all very responsive to the swipe on the browser, but when I deploy to my target Windows device, I need to be very steady for the slide to function. I thought it was some kind of performance issue, but even with very simple items it’s hard to slide, even though the slide animation is fluid.

I am able to slide, but I have to:

  • Press the desired item
  • Swipe (perfectly) left at a constant speed

Did anyone have this issue before? Is this behavior configurable or fixable?

Thanks,
Nuno

2

Hi,
Are you using a full TS implementation ie.
@ViewChild(Slides) slides: Slides; or
<ion-slides (ionSlideDidChange)="slideChanged()"> ?
It looks like it struggles with some event inner Swiper.js event(s).
Try to start with simple HTML markup and then add more fancy features. I have implemented ion-slides this weekend and it worked like a charm.

3

I’ve been testing with a very simple markup but still I get the issues I described earlier on the Windows smartphone.
Below is the interaction on the browser:

slidingitem
slidingitem.gif346×545 239 KB

And here is the markup:

<ion-list [virtualScroll]="items">

    <ion-item-sliding *virtualItem="let item" class="tappable">
      <ion-item>
        <p>xpto</p>
      </ion-item>
      <ion-item-options side="right">
        <p>ypto</p>
      </ion-item-options>
    </ion-item-sliding>

  </ion-list>
4

Sorry mea culpa … I was like swiping … OK Slider … Nope its a slideng item.
Well its seems there is a fight between the virtualScroll and ion-item-sliding. The hammer.js event might not know whether to slide the selected item vertically or horizontally (only guess). Is there any chance to avoid the virtualScroll?