search

ksachdeva / angular2-swing

angular 2 component for the swing library (https://github.com/gajus/swing)
MIT License
62 stars 29 forks source link

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

Open gauravparmar opened 6 years ago

gauravparmar commented 6 years ago

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 commented 6 years ago

@gauravparmar can we get a plunkr for this please?

gauravparmar commented 6 years ago

@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 commented 5 years ago

This would be a great fix for us too!

nascarjake commented 5 years ago

same issue here