FilteringSelect: intermediateChanges not propagated to the outside

[Paul Christopher]

Description

In my custom FilteringSelect, I have set intermediateChange=true by default. Moreover I have overridden the onChange method (which simply does a console.log("onChange (inside)");). This works nicely. Everytime I change the widget's value, the event is fired -- as expected.

But within the ready function of the main html file, I have also connected to this very custom FilteringSelect in question using on(node, "change", function(){console.log('onChange (outside));}). Intermediate changes are not propagated to this callback. The outside callback is only fired when the widget looses focus and the value has changed.

Steps to reproduce the issue

Run the attached test case and watch the console output while typing. Only intermediate changes "from inside" are fired and not "from the outside". I.e.: For the "outside", intermediateChanges seems still to be set to "false".

Discussion

Apparently this used to work, see ​http://davidwalsh.name/dijit-intermediatechanges

[bill]

As a "defect" this ticket is invalid, because in your example code, you are calling dom.byId() when you should be calling dijit.byId(). Your test file does:

on(dom.byId('field1'), "change", function(){
	console.log('onChange (outside)');
});

It should be:

on(dijit.byId('field1'), "change", function(){
	console.log('onChange (outside)');
});

Or even better:

dijit.byId('field1').on("change", function(){
	console.log('onChange (outside)');
});

Having said that, I may support the syntax you tried in the future, as part of the work on #13785.

Also, thanks for the test case, but in the future please attach as a single HTML file rather than an entire ZIP. Thanks.