jQuery UI Datepicker initial display: none; fixup
Hi Guys!
I found a very minor, but very annoying problem about the Datepicker widget.
On the first instance's init, when a new div instantiates with a lot of classes, it's initially "visible" and have some padding
(so, if there is a site, with a huge "wrapper" class with a background-image in it, and the page has a different body background, it might start to mess with the page design)
Once you bring up the calendar, and after click away, on blur this "bug" will disappear by getting a "display: none;" instantly.
So, in jquery.ui.datepicker.js (did not find the fixup 1.8.1 and in the trunk), i advise to change line 111 from:
this.dpDiv = $('<div id="' + this._mainDivId + '" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"></div>');
to this:
this.dpDiv = $('<div id="' + this._mainDivId + '" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible" style="display: none;"></div>');
if it's a double post, forgive me :)
it's my first "contribution" or whatever you call it :)
thanks,
lorenzo