Panel: Give content wrapper a min-height on IE7. Fixes #5607.

jquery-archive · Apr 2, 2013 · 04406bf · 04406bf
1 parent 3851646
commit 04406bf
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/js/widgets/panel.js b/js/widgets/panel.js
@@ -307,6 +307,11 @@ $.widget( "mobile.panel", $.mobile.widget, {
 
 					self._positionPanel();
 
+					// Fix for IE7 min-height bug
+					if ( self.options.theme && self.options.display !== "overlay" ) {
+						self._wrapper.css( "min-height", self._page.css( "min-height" ) );
+					}
+
 					self._contentWrapOpenClasses = self._getPosDisplayClasses( o.classes.contentWrap );
 					self._wrapper
 						.removeClass( o.classes.contentWrapClosed )
@@ -373,6 +378,8 @@ $.widget( "mobile.panel", $.mobile.widget, {
 				complete = function() {
 					if ( self.options.theme && self.options.display !== "overlay" ) {
 						self._page.removeClass( "ui-body-" + self.options.theme ).addClass( self._pageTheme );
+						// reset fix for IE7 min-height bug
+						self._wrapper.css( "min-height", "" );
 					}
 					self.element.add( self._wrapper ).off( self._transitionEndEvents, complete );
 					self.element.addClass( o.classes.panelClosed );
@@ -403,7 +410,7 @@ $.widget( "mobile.panel", $.mobile.widget, {
 			self._open = false;
 		}
 	},
-
+	
 	toggle: function( options ) {
 		this[ this._open ? "close" : "open" ]();
 	},