fix safari scroll #120

Revert "fix safari scroll #120" This reverts commit 8c0096b. add zIndex to back
AaronCCWong · May 31, 2024 · 65b3241 · 65b3241
1 parent 72de968
commit 65b3241
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/ReactCardFlip.tsx b/src/ReactCardFlip.tsx
@@ -17,7 +17,7 @@ const ReactCardFlip: React.FC<ReactFlipCardProps> = (props) => {
     flipSpeedBackToFront,
     infinite,
     isFlipped,
-  } = { 
+  } = {
     cardStyles: {
       back: {},
       front: {},
@@ -31,7 +31,7 @@ const ReactCardFlip: React.FC<ReactFlipCardProps> = (props) => {
     isFlipped: false,
     ...props
   }
-  
+
   const [isFlippedState, setFlipped] = useState(isFlipped);
   const [rotation, setRotation] = useState(0);
 
@@ -84,6 +84,7 @@ const ReactCardFlip: React.FC<ReactFlipCardProps> = (props) => {
       transformStyle: 'preserve-3d',
       transition: `${flipSpeedFrontToBack}s`,
       width: '100%',
+      zIndex: isFlipped ? '2' : '1',
       ...back,
     },
     container: {