Tapping on the card below the top card makes bottom card come up and top card go down

[gauravparmar]

Tapping on the card below the top card makes bottom card come up and top card goes down and then instead of restricting user to topmost card, user can swipe card on 2nd position also instead of only the topmost card. Need to disallow moving any other card except the top card by the user.

[mashhoodr]

@gauravparmar can we get a plunkr for this please?

[gauravparmar]

@mashhoodr This happens when you use it on a mobile device where multiple taps can be done at the same time and while dragging the topmost card, you may see cards below it and drag them as well using other fingers holding topmost card aside with one finger. As I have 3 cards back to back, I am able to hold all of them with 3 different fingers at the same time and swipe them together or in any order which should not happen. I have implemented below example but I am maintaining 3 cards at a time in the stack - https://devdactic.com/ionic-2-tinder-cards/

You may also check partial code here - https://stackblitz.com/edit/angular-ijzrss?file=app%2Fapp.component.ts

Unable to observe that issue on the laptop but on a touchscreen phone, it is evident.

Is there a way to block swiping of any other card in the stack except topmost card?

Also thanks a lot to the creator of this module. It is really great.

[xyboox]

This would be a great fix for us too!

[nascarjake]

same issue here