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.

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

Scroll not working on Safari #120

Closed
Serbiaguy96 opened this issue Sep 17, 2023 · 1 comment · Fixed by #127
Closed

Scroll not working on Safari #120

Serbiaguy96 opened this issue Sep 17, 2023 · 1 comment · Fixed by #127

Comments

@Serbiaguy96
Copy link

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 added a commit to yangchristina/react-card-flip that referenced this issue May 25, 2024
@yangchristina
Copy link
Contributor

yangchristina commented May 25, 2024

This worked for me

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

The flip doesn't look very smooth though.

yangchristina added a commit to yangchristina/react-card-flip that referenced this issue May 25, 2024
yangchristina added a commit to yangchristina/react-card-flip that referenced this issue May 25, 2024
Revert "fix safari scroll AaronCCWong#120"

This reverts commit 8c0096b.

add zIndex to back
AaronCCWong pushed a commit that referenced this issue May 31, 2024
Revert "fix safari scroll #120"

This reverts commit 8c0096b.

add zIndex to back
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
2 participants