Noticed a bug involving positional tweens for a DOM element with a dropShadow filter.
The reason for the CSS3 dropShadow filter is that I have a transparent PNGs I'd like to provide a shadow for, and GS's box-shadow only adds a shadow to the rectangular block shape of the element. Unfortunately, I've noticed that whenever the filter is applied to an element, I can not position the element via standard GS Tweens. (Ideally this would be as part of a TimelineLite, but the same bug applies to TweenLite / TweenMax calls). Here's a fiddle that shows the phenomenon.
By default, the element tweens just fine. However, toggle on the .shadowfilter class (which adds the webkit and FF versions of dropShadow), and the element no longer translates.
Any ideas for workarounds for this? Or is this a known bug?
I realize that as dropShadow is a filter, this is not going to be supported by GS for sometime, but can I at least still move a filtered element around?