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

Slide flickering on safari and firefox #629

Open
1 task done
abeledovictor opened this issue Nov 25, 2020 · 1 comment
Open
1 task done

Slide flickering on safari and firefox #629

abeledovictor opened this issue Nov 25, 2020 · 1 comment

Comments

@abeledovictor
Copy link

abeledovictor commented Nov 25, 2020

  • I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

There is no flicker when I slide from slide 1 to slide 2 and vice-versa

Current Behavior

Slides flicker/blink when sliding from one to another. This happens on safari and firefox. Tried with

-webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden;

and similar solutions but it isn't working

Steps to Reproduce (for bugs)

  1. Go to sandbox
  2. Slide between main slides (not between subslides)
  3. Try it on both Safari and Chrome
  4. In chrome there is no blinking when swiping across all the slides

Context

I am using react-swipeable-views for a tab component with subtabs in it, and both the tabs and the subtabs are wrapped into Swipeable Views (similar to the code sandbox provided)

Your Environment

Tech Version
react-swipeable-views 0.13.9
React 16.14
platform FF, safari
@fernandomoraes
Copy link

It happens with me here too.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants