pagelayout : add min height to content

[platform/framework/web/web-ui-fw.git] / src / widgets / pagelayout / js / jquery.mobile.tizen.pagelayout.js

diff --git a/src/widgets/pagelayout/js/jquery.mobile.tizen.pagelayout.js b/src/widgets/pagelayout/js/jquery.mobile.tizen.pagelayout.js
index fccb198..04e474c 100755 (executable)
--- a/src/widgets/pagelayout/js/jquery.mobile.tizen.pagelayout.js
+++ b/src/widgets/pagelayout/js/jquery.mobile.tizen.pagelayout.js
@@ -207,6 +207,7 @@
                                                self.hide( true );
                                        }
                                        self.setHeaderFooter( event );
+                                       self._setContentMinHeight( event );
                                } )
                                .bind( "webkitAnimationStart animationstart updatelayout", function ( e, data ) {
                                        var thisPage = this;
@@ -226,6 +227,7 @@
 
                                                        self.updatePageLayout();
                                                        self._updateHeaderArea();
+                                                       self._setContentMinHeight( event );
                                                });
                                        }
                                })
@@ -281,6 +283,15 @@
                                });
                },
 
+               _setContentMinHeight : function ( event ) {
+                       var $elPage = $( event.target ),
+                               $elHeader = $elPage.find( ":jqmData(role='header')" ),
+                               $elFooter = $elPage.find( ":jqmData(role='footer')" ),
+                               $elContent = $elPage.find( ":jqmData(role='content')" );
+
+                       $elContent.css( "min-height", window.innerHeight - $elHeader.height() - $elFooter.height() + "px" );
+               },
+
                _updateHeaderArea : function () {
                        var $elPage = $( ".ui-page-active" ),
                                $elHeader = $elPage.find( ":jqmData(role='header')" ).length ? $elPage.find( ":jqmData(role='header')") : $elPage.siblings( ":jqmData(role='header')"),