refs #16337. Fix broken view after some cases of concurrent transitio…

…ns + fix for compat mode. Thanks ykami & Adrian Vasiliu (IBM, CCLA). !strict.

mobile/View.js

@@ -214,6 +214,14 @@ define([
 				}
 			}
 			this._clearClasses(toNode); // just in case toNode is a sibling of an ancestor.
+
+			// #16337
+			// Uninitialization may fail to clear _inProgress when multiple
+			// performTransition calls occur in a short duration of time.
+			var toWidget = registry.byNode(toNode);
+			if(toWidget){
+				toWidget._inProgress = false;
+			}
 		},
 
 		convertToId: function(moveTo){
@@ -273,7 +281,8 @@ define([
 			//		Transition forward to a blank view, and then open another page.
 			//	|	performTransition(null, 1, "slide", null, function(){location.href = href;});
 
-			if(this._detail){ return; } // transition is in progress
+			if(this._inProgress){ return; } // transition is in progress
+			this._inProgress = true;
 
 			// normalize the arg
 			var detail, optArgs;
@@ -558,6 +567,7 @@ define([
 				}
 			}
 			this._detail = this._optArgs = this._arguments = undefined;
+			this._inProgress = false;
 		},
 
 		isVisible: function(/*Boolean?*/checkAncestors){

mobile/_compat.js

@@ -101,6 +101,7 @@ return {
 					toNode.style.display = "";
 					anim = fx.combine([s1,s2]);
 					connect.connect(anim, "onEnd", this, function(){
+						if(!this._inProgress){ return; } // transition has been aborted
 						fromNode.style.display = "none";
 						fromNode.style.left = "0px";
 						toNode.style.position = "relative";
@@ -132,6 +133,7 @@ return {
 					toNode.style.display = "";
 					anim = fx.combine([s1,s2]);
 					connect.connect(anim, "onEnd", this, function(){
+						if(!this._inProgress){ return; } // transition has been aborted
 						fromNode.style.display = "none";
 						toNode.style.position = "relative";
 						this.invokeCallback();
@@ -147,6 +149,7 @@ return {
 					toNode.style.position = "absolute";
 					toNode.style.left = "0px";
 					connect.connect(anim, "onEnd", this, function(){
+						if(!this._inProgress){ return; } // transition has been aborted
 						fromNode.style.display = "none";
 						toNode.style.position = "relative";
 						toNode.style.display = "";
@@ -170,6 +173,7 @@ return {
 					toNode.style.display = "";
 					domStyle.set(toNode, "opacity", 0);
 					connect.connect(anim, "onEnd", this, function(){
+						if(!this._inProgress){ return; } // transition has been aborted
 						fromNode.style.display = "none";
 						toNode.style.position = "relative";
 						domStyle.set(fromNode, "opacity", 1);