TimePicker wrong poistioning when scrolling

[remicek]

I use timepicker on page with scrolling, i get problem presented here http://jsfiddle.net/joycse06/m6A5q/embedded/result/ and described here http://stackoverflow.com/questions/1063 ... -while-scr. Is there a way to fix this other than changing JS files? I'd like it stick to the component not page.

Edit: To be more specific the same behaviour happen on demo: http://www.primefaces.org/showcase-ext/ ... cUsage.jsf
When i click on popup mode input and scroll down:

[kukeltje]

The only thing I can think of without changing the javascript of either the timeline component itself or the PFE 'wrapper' is to try to move the div that is appended to the body back into the 'component' with some jquery dom manipulation. But I'm not sure that will work.

[remicek]

I wanted to avoid changing js, because i dont really know it. Is there some solution for this chaning js files?

[kukeltje]

I have no clue what you mean sorry...

[remicek]

I'll clarify, i wanted to fix my problem by applying some work around, but it seems the only way to fix this problem is to unpack primefaces extension jar and change javascript file (timepicker.js) for time picker, but i have almost no clue what to change there.

[Oleg]

Hi.

Please consider that the showcase http://www.primefaces.org/showcase-ext/ ... cUsage.jsf is an old one (2.0.0). We have released 2.1.0 and I can not reproduce this issue there (TimePicker has been updated there). Cagatay is on vacation right now, but he promised to deploy the new showcase when he is back. Thanks.

[remicek]

i have the 2.1.0 PFE version and in my application i get that behaviour:


When i scoll page and execute p:dialog event, pe:timepicker is rendered stick to the content form (which was scrolled) instead of stick to component. It is working fine if no scrolling is used.

Code: Select all

<h:form id="content">
	<h:form id="scheduleForm">
		<p:dialog>
			<h:panelGrid id="eventDetails" columns="2">
						
						<p:outputLabel for="startTime"
							value="#{messages.label_appointmentstartDate}" />
						<pe:timePicker id="startTime" styleClass="timePicker"
							value="#{scheduleBean.event.startTime}" mode="popup"
							widgetVar="startTimeWidget" locale="pl" required="true"
							onHourShow="tpStartOnHourShowCallback"
							onMinuteShow="tpStartOnMinuteShowCallback"
							requiredMessage="#{messages.required}" />
							
			</h:panelGrid>
		<p:dialog/>
	<h:form/>
<h:form/>

[Oleg]

Please try to append the p:dialog to the body by the "appendTo" attribite. E.g. appendTo="@(body)"