react-swipeable-views icon indicating copy to clipboard operation
react-swipeable-views copied to clipboard

Slide flickering on safari and firefox

Open abeledovictor opened this issue 4 years ago • 1 comments

  • [x] 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

abeledovictor avatar Nov 25 '20 19:11 abeledovictor

It happens with me here too.

fernandomoraes avatar Oct 12 '21 17:10 fernandomoraes