HI there,
I'm experiencing a bizarre issue with IE8 and the rotation transform code that GSAP is producing. I'm trying to narrow it down to either my bad code, IE8 or a possible bug in GSAP. It may be my code but that's why I'm asking here.
The problem is with the first rotation transform on an image. It's not keeping the image centered using the margin offset in the rendered code. Calling the rotation command a second time, however, inserts the correct margin centering code.
Take this line of code:
TweenMax.to( '#stairs-container-bottom', 0, { rotation: -30 } );
I'm seeing it render out this initially for IE8:
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.86602, M12=0.49999, M21=-0.49999, M22=0.86602, sizingMethod='auto expand') ; MARGIN: 0px; ZOOM: 1; DISPLAY: block
The problem I'm seeing is the margin is set to 0, causing the graphic to be offset from the center rotation point visually.
If I call the rotation command again, it renders out with the correct margin to keep the image centered:
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.86602, M12=0.49999, M21=-0.49999, M22=0.86602, sizingMethod='auto expand') ; MARGIN: -31px 31px 31px -31px; ZOOM: 1; DISPLAY: block;
Has this been reported before? Is it something I'm doing?
I'm testing this in a VMWare image of Windows 7 with an IE8 install version 8.0.7601.1.17514
Thanks for any direction