Popup: Ignore resize events right after a click

Closes gh-7323
Fixes gh-6961

Author: Gabriel Schulhof

js/widgets/popup.js

@@ -75,6 +75,14 @@ $.widget( "mobile.popup", {
 		history: !$.mobile.browser.oldIE
 	},
 
+	// When the user depresses the mouse/finger on an element inside the popup while the popup is
+	// open, we ignore resize events for a short while. This prevents #6961.
+	_handleDocumentVmousedown: function( theEvent ) {
+		if ( this._isOpen && $.contains( this._ui.container[ 0 ], theEvent.target ) ) {
+			this._ignoreResizeEvents();
+		}
+	},
+
 	_create: function() {
 		var theElement = this.element,
 			myId = theElement.attr( "id" ),
@@ -85,6 +93,10 @@ $.widget( "mobile.popup", {
 		// it is determined whether there shall be AJAX nav.
 		currentOptions.history = currentOptions.history && $.mobile.ajaxEnabled && $.mobile.hashListeningEnabled;
 
+		this._on( this.document, {
+			"vmousedown": "_handleDocumentVmousedown"
+		});
+
 		// Define instance variables
 		$.extend( this, {
 			_scrollTop: 0,