Safari translate doesent conversion works correctly
I have a slider with transform: translateX(...) translateY(...) translateZ(...) rotateY(...)
dynamically changing with React. It works fine in Chrome, but in Safari it seems that the start point of the transformation has been shifted by some variable. In the inspector it seems that there are no errors, all the prefixes are present.
Do you have any ideas? I can send some screenshots or code snippets if needed
UPDATE
https://gist.github.com/korgara/92f629d49ba7afd76f2b771cd6b6c8dc
UPDATE here are screenshots http://i89.fastpic.ru/big/2017/0511/0c/0290ec27bb1326f0dedda9a1a280260c.png
source to share
Use webkit for Safari
.class{
/* bring your own prefixes */
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
Please refer to below to find out which browser supports what and which prefix should be added. http://caniuse.com/#feat=transforms2d
source to share