DOMSubtreeModified event in dart:html

[Peter Ahé]

Hi,

I have some code like this:

#import('dart:html', prefix: 'html');

...

update(_) {
print('hello');
}
final code = html.document.query('#code');
code.$dom_addEventListener('DOMSubtreeModified', update);

This works. This doesn't:

code.on['DOMSubtreeModified'].add(update);

What am I doing wrong?

Cheers,
Peter

[Peter Ahé]

I discovered that this event is deprecated according to MDN. So I'll have to do something else. Even if the event wasn't deprecated, I'm not sure this event can be used for was what I need.

Regardless, I'm still puzzled why the two versions aren't equivalent. 

Cheers,

Peter

[Seth Ladd]

Hi Peter,

Not sure what you're specifically trying to do, but you might be interested in the new Mutation Observers (intended to replace the old mutation events) https://developer.mozilla.org/en/DOM/DOM_Mutation_Observers

Seth

[Peter Ahé]

Hi Seth,

I'm playing around with content-editable. Which is also broken, I hear.

I want something like codemirror, but less hacky. I'll probably fail miserably, but at least I get to play around with dart:html. 

DOMSubtreeModified isn't really what I need, it just allowed me to prototype something. See samples/leap.

I'm still puzzled that the two versions aren't equivalent. 

Cheers,

Peter

[Vijay Menon]

[+jacobr]

Peter,

It should work.  Can you file a bug?

The toLowerCase in _EventsImpl looks suspicious to me:

_EventListenerListImpl operator [](String type) => _get(type.toLowerCase());

Cheers,

Vijay

[Peter Ahé]

Thank you, Vijay!

I'll file a bug when I'm at a desktop computer. 

Cheers,

Peter

[Jacob Richman]

The type.toLowerCase() call is causing the problem. We have it so that we can use camel case event names (e.g. foo.on.mouseMove instead of foo.on.mousemove).  

We should revisit whether that is a big enough benefit to justify the pain it causes.  There are plenty of ways around this bug but they seem a bit ugly.

-Jacob

[Peter Ahé]

Thank you. I filed http://code.google.com/p/dart/issues/detail?id=2937
with a small self-contained example to reproduce the problem.

Cheers,
Peter