From 34260a2004f939c158facdd8302b8609d0b2cdfa Mon Sep 17 00:00:00 2001 From: Minkyu Kang Date: Mon, 18 Feb 2013 14:14:16 +0900 Subject: [PATCH] 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 --- src/themes/tizen/common/jquery.mobile.tizen.slider.less | 3 +-- src/widgets/slider/js/jquery.mobile.tizen.slider.js | 5 +++-- 2 files changed, 4 insertions(+), 4 deletions(-) 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 --- 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 --- 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({ -- 2.7.4