change attributes inside a attributeChange handler ain't gonna work about transform-3d

[kentaromiura]

The things that fooled me, is that I don't use setAttribute, but I use the style property, so I didn't expect to trigger the attribute change.

Thank you for helping me understanding of this issue that I suppose it was also the cause of the performance problem, I ll revert those changes too since it shouldn't gc anymore when this is fixed.

[WebReflection]

Changing node.style.cssText reflects in the inline style property.

var div = document.createElement('div');
div.style.cssText = 'color: red;';
alert(div.getAttribute('style'));
// color: red;

I also wasn't expecting DOMAttrModified, used in Firefox, to fire after such operation but if you thin about it, it makes sense.

Please let me know when you have filtered operations by style and put my polyfill back instead since right now the demo does not work for me with other browsers but Chrome.

Thanks

[kentaromiura]

I don't change cssText, only the transform property (unprefixed or not): https://github.com/kentaromiura/transform-3d/blob/master/Source/transform.js#L6

Anyway, a simple check with an early return fixed this for me, I'll upload the new version later.

[WebReflection]

it does not matter … whatever you do at the style property reflects to its attribute

every engine has a setter for the style, how would these trigger repaints otherwise ?

[WebReflection]

once again, from DOMAttrModified prospective this makes sense. I'll try to figure out if there's any way I can prevent that trigger but the logic improvement applies regardless.

[WebReflection]

In order to avoid future problems and be more consistent with current native behavior, I've updated my polyfill to version 0.1.1 and I've described the issue in the README.md