timepicker showing up in wrong place

[GoogleCodeExporter]

What steps will reproduce the problem?
1. use jqModal with AJAX loaded page
2. use timepicker on a field inside the loaded page
3. time picker will show up on the left of the screen instead of the place
under the input field. when onmouseover'ed it will 'jump' back to the
correct location.

The latest one version used.

Original issue reported on code.google.com by radek.an...@gmail.com on 17 May 2009 at 7:01

[GoogleCodeExporter]

Confirm that I've been experiencing the same issue.  When inspecting with 
firebug the
CSS left property is not set until the mouseover event is fired.

Original comment by jmat...@gmail.com on 24 May 2009 at 1:45

[GoogleCodeExporter]

Located the problem to be lin3 83 in ui.dropslide.js.

left: this.element.position().left

Commenting that out fixed the problem for me.  Not sure what the proper fix for 
it is
though.

Original comment by jmat...@gmail.com on 24 May 2009 at 2:05

[GoogleCodeExporter]

Can someone reproduce this issue with the trunk ? I've done a complete 
refactor..

Thanks

http://code.google.com/p/jquery-utils/source/browse/#svn/trunk/standalone/ui-tim
epickr

Original comment by hainea...@gmail.com on 6 Aug 2009 at 5:42

• Added labels: ui-timepickr

[GoogleCodeExporter]

Yes, it's still an issue. When you initialize timepickr on an element that's 
hidden,
then show that element, the pickr tool shows up left: 0.

Original comment by jameskil...@gmail.com on 21 Oct 2009 at 9:11

[GoogleCodeExporter]

Yeah, it has to do with initializing timepickr on an invisible node. As long as 
I do
the following, I'm ok:

find('td:visible input.timepick').timepickr({...});

Original comment by jameskil...@gmail.com on 21 Oct 2009 at 9:18

[GoogleCodeExporter]

hey there - i'm still having this issue, too. Added a timepickr to an element 
on a 
jQuery UI modal dialog. The dialog is created hidden, then shown using a 
javascript 
onclick action. Then, when i go to use the timepickr, it appears flush left on 
the 
dialog, not underneath the input. any help here would be fantastic ... thanks!

Original comment by air...@gmail.com on 14 Jan 2010 at 4:35

[GoogleCodeExporter]

same here, in my case the whole thing is left:0 plus when i hover over e.g. the 
hours
the minutes don't adjust themselves to the position of my cursor. so basically
everything stays left:0;

:-(

Original comment by sylvia.a...@gmail.com on 18 May 2010 at 1:50

Attachments:

• datepickr-left-issue.gif

[GoogleCodeExporter]

happens to me when the form is initially hidden

Original comment by shad...@gmail.com on 8 Jun 2010 at 1:29

[GoogleCodeExporter]

Very quick fix for me was to make the call 

$(function(){
    $('#timeinput').timepickr({ convention: 12 });
});

after the user unhides the div via checkbox. 

Original comment by rp10...@gmail.com on 6 Jul 2010 at 3:58

[GoogleCodeExporter]

I have added this at line 196 and it solved the problem for me:
ui.element.css('left', ui.element.position());

Original comment by radek.an...@gmail.com on 25 May 2012 at 5:12

[GoogleCodeExporter]

Hi all,
I have the same issue. The Time div is coming in the left of the page and it 
should me below the time text box. Same like the screen shot above.
Please let me know the fix for this. Thanks.

Original comment by sbadripr...@gmail.com on 22 Nov 2012 at 11:25