search

AaronCCWong / react-card-flip

React component for card flipping animation.
https://aaronccwong.github.io/react-card-flip
MIT License
337 stars 64 forks source link

Scroll not working on Safari #120

Closed Serbiaguy96 closed 3 months ago

Serbiaguy96 commented 11 months ago

When one of the cards (back or front) has overflow: auto or scroll then scrolling works perfectly on Chrome. But in Safari behave like overflow: hidden. I am not sure for now what is causing this problem, but might be problem with perspective.

Can yoy guys check it out pleas?

yangchristina commented 3 months ago

This worked for me

<ReactCardFlip
    cardStyles={{
        back: {
            zIndex: isFlipped ? '2' : '1'
        },
    }}
    isFlipped={isFlipped}
    flipDirection="horizontal"
>
    ...
</ReactCardFlip>

The flip doesn't look very smooth though.