Live Bindings intermittently stops working completely

smoothlikejazz · November 13, 2019, 9:14pm

Hi members,
We are currently running into an issue that is extremely hard to debug, I just know at some point all the live bindings in our application fail to trigger.

Has anyone run into such a case, what could make all bindings fail to trigger? What would be a starting point in trying to debug such an issue.

From what i can see is that the binding are registered properly but in this specific example the change events are not firing. i have a list of objects all with change binding and non of them are firing

justinbmeyer · November 13, 2019, 9:17pm

Which version of canjs? Sometimes this happens when an error is thrown and breaks the observation stack.

Can you turn on “break on all errors” and recreate? Is there an error that is thrown (and likely caught elsewhere)?

smoothlikejazz · November 13, 2019, 9:47pm

Hi Justin,

the version we are using is “2.2.5”, and thanks for the suggestion currently debugging and some exceptions are thrown in jquery attempting to find elements, but still debugging and ruling out if this has any impact.

smoothlikejazz · November 14, 2019, 6:49pm

I think we possibly narrowed it down with the help of your tip and looks like our fix is working, Thanks for your time Justin.

arjunballa · December 18, 2019, 6:52pm

@justinbmeyer We were calling .length method on undefined array in an edge case. I am just wondering how an uncaught exception messed up observe framework?

How to avoid such situations? We are just checking for undefined in all cases for now.

justinbmeyer · December 18, 2019, 10:37pm

@arjunballa what is the exact situation you want to avoid?

Was the situation the following:

an error thrown that wasn’t propagated up to the console

If this is the situation, the fix is not to check for undefined everywhere.

The fix is to understand why the error was thrown that wasn’t propagated. This typically happens because promises can swallow errors if not handled properly. The fix is to make sure all errors always propagate to the console.

arjunballa · December 20, 2019, 7:41pm

@justinbmeyer I am checking why exception is not shown in console. In the above case getting undefined array is a valid case and I was expecting expecting an array with at least 1 item. To avoid that I put undefined check.

I was also wondering how a unhandled exception messed up whole observe framework. Sometimes my assumption on data will be wrong and there will be unhandled undefined exceptions. In those cases I want to protect observe framework so that my whole application does not crash.

justinbmeyer · December 20, 2019, 8:11pm

Here’s an issue describing the problem: https://github.com/canjs/can-observation/issues/27

It messes up the “compute” part of the framework (other observables will still work).

That issue mentions a “safe” form of computes.

We could also optionally have a “safe” mode.

In modern canjs, this would more or less be wrapping this line:

github.com

canjs/can-observation/blob/3362b506546558e9112d65a2b1102126b83fe36d/can-observation.js#L85


canReflect.assign(Observation.prototype, {
	// Starts observing changes and adds event listeners.
	onBound: function(){
		this.bound = true;


		// Store the old dependencies
		this.oldDependencies = this.newDependencies;
		// Start recording dependencies.
		ObservationRecorder.start(this._name);
		// Call the observation's function and update the new value.
		this._value = this.func.call(this.context);
		// Get the new dependencies.
		this.newDependencies = ObservationRecorder.stop();


		// Diff and update the bindings. On change, everything will call
		// `this.onDependencyChange`, which calls `this.dependencyChange`.
		recorderHelpers.updateObservations(this);
	},
	// This is called when any of the dependencies change.
	// It queues up an update in the `deriveQueue` to be run after all source
	// observables have had time to notify all observables that "derive" their value.

with a try/catch.

arjunballa · December 20, 2019, 8:49pm

@justinbmeyer Thanks for the insight.

Topic		Replies	Views
Upgraded from canjs 2.2.5 to canjs 2.3.28 and jquery v1.11.3 to jquery v3.4.1 and select box selection is not working CanJS	2	1155	January 17, 2020
Two way live binding on an array CanJS	5	1403	December 10, 2015
Two-way binding and jquery changes problem CanJS	3	1719	November 24, 2016
Binding error when removing form element CanJS	13	1127	February 20, 2018
Change even on map CanJS	8	1302	December 12, 2016

Live Bindings intermittently stops working completely

Related Topics