matiasgali/guillotine

Problem with webkit rotate

Closed this issue · 2 comments

In Safari rotating images does not work. (Safari 8, OSX 10.10, latest jQuery, latest Guillotine)
The problem lies in how guillotine applies the css rotate property. In guillotine.js I found in line 346:

this.$el.css({
                transform: "rotate(" + this.angle + "deg)",
            });

which is not working under webkit. Instead there should be:

this.$el.css({
                transform: "rotate(" + this.angle + "deg)",
                "-webkit-transform": "rotate(" + this.angle + "deg)",
                "-ms-transform": "rotate(" + this.angle + "deg)"
            });

jQuery's .css() should automatically add vendor prefixes when required for this case.

According to some fellows here it should work from jQuery 1.8 and on.

Double check the jQuery version being used and try disabling any other plugins, test Guillotine alone. You can also try running the demo on the same version of Safari.

Let me know if the issue persists.

Closing for inactivity.