slider: move popup div to out of content

This patch resolved the problem that popup is hidden by header
(N_SE-24788)

Change-Id: Ifc0b28dd6ae9876580908b9c6390c86ce57762a7

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.slider.less b/src/themes/tizen/common/jquery.mobile.tizen.slider.less
index 6644c72..81addc7 100644 (file)
--- a/src/themes/tizen/common/jquery.mobile.tizen.slider.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.slider.less
@@ -144,11 +144,10 @@ a.ui-slider-handle {
 
 .ui-slider-popup {
        position: absolute !important;
-       z-index: 100;
+       z-index: @z_base_popup;
 
        width: @popup-width;
        height: @popup-height;
-       top: -60 * @unit_base;
        padding-top: 0.1rem;
 
        color: @color_slider_popup_text;

diff --git a/src/widgets/slider/js/jquery.mobile.tizen.slider.js b/src/widgets/slider/js/jquery.mobile.tizen.slider.js
index 853dfe5..abd48a2 100644 (file)
--- a/src/widgets/slider/js/jquery.mobile.tizen.slider.js
+++ b/src/widgets/slider/js/jquery.mobile.tizen.slider.js
@@ -216,7 +216,7 @@
                        self.handle_press.css('display', 'none');
 
                        // add a popup element (hidden initially)
-                       slider.before( self.popup );
+                       slider.parents(".ui-page").append( self.popup );
                        self.popup.hide();
 
                        // get the element where value can be displayed
@@ -254,7 +254,8 @@
                        var dstOffset = this.handle.offset();
 
                        this.popup.offset({
-                               left: dstOffset.left + ( this.handle.width() - this.popup.width() ) / 2
+                               left: dstOffset.left + ( this.handle.width() - this.popup.width() ) / 2,
+                               top: dstOffset.top - this.popup.height()
                        });
 
                        this.handle_press.offset({