Popup: Hide popup when offscreen. Fixes #5892.

Author: Gabriel Schulhof

js/widgets/popup.js

@@ -232,6 +232,7 @@ $.widget( "mobile.popup", $.mobile.widget, {
 			.addClass( "ui-popup" )
 			.appendTo( ui.container );
 		ui.focusElement = ui.container;
+		ui.container.hide();
 
 		// Define instance variables
 		$.extend( this, {
@@ -595,6 +596,8 @@ $.widget( "mobile.popup", $.mobile.widget, {
 				return false;
 			}());
 
+		this._ui.container.show();
+
 		// Count down to triggering "popupafteropen" - we have two prerequisites:
 		// 1. The popup window animation completes (container())
 		// 2. The screen opacity animation completes (screen())
@@ -659,6 +662,7 @@ $.widget( "mobile.popup", $.mobile.widget, {
 
 	_closePrereqsDone: function() {
 		this._ui.container.removeAttr( "tabindex" );
+		this._ui.container.hide();
 
 		// remove the global mutex for popups
 		$.mobile.popup.active = undefined;