3DJakob / react-tinder-card-demo

This is a demo for react-tinder-card which is a react module for making elements behave like cards in the ever so popular dating app tinder.

Home Page:https://3djakob.github.io/react-tinder-card-demo/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Screen flickers after doing the swipe action

saurabhsahmsft opened this issue · comments

Screen flickers after doing the swipe action. On swipe you can see the scroll bar at bottom for a split second until the next item is loaded. It is reproable in the demo too: https://3djakob.github.io/react-tinder-card-demo/

I encountered the same problem and i solve it by set "overflow:hidden" css property for the parent container.

Yes, the cards still exist when going outside the screen border. Your root should be overflow: hidden; as described in the usage details in the readme. https://github.com/3DJakob/react-tinder-card#usage