Open dishantsattvabit opened 1 year ago
@dishantsattvabit This also breaks for me and since this library is relying on style tags I can't seem to override this only on Safari. Did you find a solution?
For anyone stumbling across this in 2024, here is the (annoying) styles that I had to add to make this work in Safari and Chrome:
<ReactCardFlip
cardStyles={{
front: { zIndex: 'unset', transformStyle: 'initial' },
back: { zIndex: 'unset', transformStyle: 'initial' }
}}
isFlipped={isFlipped}
flipDirection="horizontal"
/>
Yes, your mentioned solution https://github.com/AaronCCWong/react-card-flip/issues/38#issuecomment-447589236 fixed in safari. but in my case it is break on chrome browser