preserve-3d is causing issues in Chrome v94.x

[mjangir]

After upgrading Chrome to version 94, half of the content in react card flip is not interactive. I tried to debug it and found that disabling transformStyle preserve-3d works fine.

[AaronCCWong]

Can you provide an example of this? I am on Chrome v96 and everything here https://aaronccwong.github.io/react-card-flip/ works for me as expected.

[ashishsurya]

persepctive : 1000px is applying to the main container, instead there is another contianer wrapping the front and back divs

.react-card-flip is having the perspective property, instead .react-card-flipper must have it

[fwcd]

#125 should fix the perspective property.

[AaronCCWong]

https://github.com/AaronCCWong/react-card-flip/releases/tag/v1.2.3 includes the fix for this