Manually resizing an element doesn't fire a mutation observer in Chrome

问题

I have a DIV with style resize: both and then I set a MutationObserver that listens for changes in attributes.

mutObs = new MutationObserver(function () {
    console.log('Hello');
});

elem = document.getElementById('aDiv');
mutObs.observe(elem, {
    attributes: true
});

elem.style.width = '300px'; //this fires the observer callback as expected

I made a fiddle: http://jsfiddle.net/2NQQu/2/

In Chrome (I tested Chrome 31) the callback is not fired when you resize the DIV with the mouse. In Firefox it works fine.

Is this behavior intentional and/or standard? Is it a bug?

回答1:

It is a bug in Chrome, reported here. The bug is still open, which means it has not been fixed.

来源：https://stackoverflow.com/questions/20294828/manually-resizing-an-element-doesnt-fire-a-mutation-observer-in-chrome