Skip to main content

Search and Top Navigation

#7578 closed bug (notabug)

Opened July 22, 2011 05:11PM UTC

Closed July 22, 2011 06:00PM UTC

jQuery Datepicker intermittently does not display in Safari

Reported by: mar10 Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.datepicker Version: 1.8.14
Keywords: Cc:
Blocked by: Blocking:
Description

jQuery 1.6.2 and UI 1.8.14 from Google ajax CDN. Safari 5.0.5 (Windows7) and iPad2.

I've spent the whole day trying to pin down this issue and for the most part I thought it was my code but it seems to be a bug with jQuery UI. I'm loading the the datepicker inline in Safari (Windows7) and intermittently the datepicker does not show. I used the Safari web inspector to see that the div has a height of 0px and I can see the elements as they should be within the containing div - changing the div height does not make a difference, nothing is shown. This happens only in Safari all other browsers are fine. I can also see the same issue on my iPad2, so it's not machine specific.

I've tried this using a combination of:

  • jQuery 1.5.2
  • jQuery 1.6.2
  • UI 1.8.4
  • UI 1.8.14

I get the same issue for all.

Demo: http://www.toughtomato.com/datepicker_test.php

Steps to repoduce:

  • use Safari browser and open the url location above
  • refresh the page a number of times until the calendar does not appear.
Attachments (0)
Change History (3)

Changed July 22, 2011 05:52PM UTC by rdworth comment:1

Try putting the css (link tag) before the script tags.

Changed July 22, 2011 05:58PM UTC by mar10 comment:2

That solves the problem .. ahhh the time wasted on that :)

Thanks for the tip

Changed July 22, 2011 06:00PM UTC by scottgonzalez comment:3

resolution: → invalid
status: newclosed