jQuery UI Datepicker Visible upon first time page load

I have used jQuery UI Datepicker several times before but in one of my recent implementation, I started seeing this weird behavior. At the very bottom of my page there was a thin rectangular box. See the image below:

datepicker_visible_bug

When I selected that element it turned out to be date-picker. That div disappears when the DatePicker is accessed at least once.

Looked for the problem and seems it is bug and nobody has tried to resolve it so far. But there is a workaround and that is to explicitly hide it via css.

Workaround:

#ui-datepicker-div { display: none; }

Resource:

Published Wednesday, August 10, 2011 10:12 PM by guru_sarkar
Filed under: , ,

Comments

# JQuery UI Datepicker Visible upon first time... | jQuery and ASP.NET | Syngu

Pingback from  JQuery UI Datepicker Visible upon first time... | jQuery and ASP.NET | Syngu

# re: jQuery UI Datepicker Visible upon first time page load

Friday, September 30, 2011 11:54 AM by Chris Taylor

Thanks so much for posting this! I've had the same problem and was convinced it was a problem with my own code, not JQuery UI. Really happy :) :) :) there's such a simple workaround.

# Visible load | Bestguidetosuccess

Monday, January 09, 2012 11:18 AM by Visible load | Bestguidetosuccess

Pingback from  Visible load | Bestguidetosuccess

# re: jQuery UI Datepicker Visible upon first time page load

Thursday, September 27, 2012 4:56 AM by Mr B

Just yesterday Chrome started showing my date picker when the page loaded - this simple fix worked, thanks!

# re: jQuery UI Datepicker Visible upon first time page load

Thursday, October 04, 2012 12:52 AM by Emma

THANKS HEAPS!! A bit of common sense I wouldn't have thought of!

# re: jQuery UI Datepicker Visible upon first time page load

Tuesday, January 15, 2013 5:00 AM by Osh

Thank you very much kind sir! Very simple solution indeed! :)

Leave a Comment

(required) 
(required) 
(optional)
(required)