Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Updating preventSwipe array prop after initial render does not take effect. #88

Open
Ashutosh-Roxiler opened this issue Feb 23, 2022 · 2 comments
Open

Updating preventSwipe array prop after initial render does not take effect. #88

Ashutosh-Roxiler opened this issue Feb 23, 2022 · 2 comments

Comments

@Ashutosh-Roxiler
Copy link

Ashutosh-Roxiler commented Feb 23, 2022 •
edited
Loading

Thats why Which causes UI distortion bec user can swipe very fast also again and again towards right only this issue occurs on mobile browsers only. #31 also trying to get rid of this problem. can'tfind any solution. Any help will be genuinely appreciated.

WhatsApp.Video.2022-02-23.at.10.52.15.AM.mp4
@LinusU
Copy link
Collaborator

LinusU commented Feb 28, 2022

I think that the problem with the cards being visible outside of the screen could be fixed by using overflow: hidden; on the container?

@3DJakob
Copy link
Owner

3DJakob commented Mar 3, 2022

Yes exactly like Linus said just add overflow: hidden; on your parent container like the app container and it will work 👍

blesson3 added a commit to nsleche/react-tinder-card that referenced this issue Apr 29, 2022
@blesson3
replace preventSwipe with preventSwipeReader
6d7b662 
This is an interm solution to the `preventSwipe` parameter not being update-able
after the initial render of the card due to the event listeners.

Fixes 3DJakob#88
blesson3 added a commit to nsleche/react-tinder-card that referenced this issue Apr 29, 2022
@blesson3
change preventSwipe to a function returning the actual value
c8bb427 
This is an interm solution to the `preventSwipe` parameter not being update-able
after the initial render of the card due to the event listeners.

Fixes 3DJakob#88
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@LinusU @3DJakob @Ashutosh-Roxiler