Posted by Joe | Posted in jQuery | Posted on 25-08-2010
I just wasted what seems to be far too much of my life (about 30 minutes), trying to figure out why the jQuery UI Datapicker wouldn’t work when it was applied to a text box within a Fancybox.
It turns out it was working, but it was being placed behind the Fancybox which had it’s z-index set to 1101.
Adding the following CSS worked a treat
#ui-datepicker-div
{
z-index: 1102 !important;
}
