[Weird graphics error in macOS Safari]

Setting will-change: transform solved it!

[Weird graphics error in macOS Safari]

I have used Scrolltrigger to animate som graphic shapes. However, the shapes are "leaving traces" on the screen in macOS Safari. Any idea what might be causing this and how to fix it? I had to create a movie to be able to show the problem. 

 

https://www.dropbox.com/s/bn7digwbwh7l6vu/safari bug.mov?dl=0

[Trouble with TweenMax and IE8]

I found the error:

 

The error went away when I changed the TweenMax.js to the minified version (TweenMax.min.js).

It seems that IE8 is having an issue with the "//@private" comments. I tried deleting the comment on line 2295, but then IE8 just complained about the comment on line 2390 instead. The minified version has no comment = no errors.

 

Anyways, stuff is working now

[Trouble with TweenMax and IE8]

I use version 1.11.3 of TweenMax

[Trouble with TweenMax and IE8]

Im having trouble with TweenMax in my require.js setup. Everything is working in modern browsers, but IE8 is complaining. 

I have already documentet the problem on stackoverflow:

http://stackoverflow.com/questions/21204786/require-js-tweenmax-ie8

 

Any ideas?

[Using with require.js]

Im doing it like this:

require.config({

  baseUrl: '/ui/js',

  paths: {
    jquery:    'modules/libs/jquery-1.10.2',
    tweenmax:  'modules/vendor/greensock-js/TweenMax'
  },

  shim: {
    jquery: {
      exports: 'jQuery'
    },
    tweenmax: {
      exports: 'TweenMax'
    }
});

define([
  'jquery',
  'tweenmax'
], function($, TweenMax) {

  console.log(TweenMax);

});