Skip to main content

Search and Top Navigation

#9228 closed bug (notabug)

Opened April 12, 2013 04:13PM UTC

Closed April 15, 2013 12:10PM UTC

Last modified April 15, 2013 04:14PM UTC

Datepicker Calendar showing when it shouldn't

Reported by: awatry Owned by:
Priority: minor Milestone: none
Component: ui.datepicker Version: 1.10.2
Keywords: Cc:
Blocked by: Blocking:
Description

If you tabbed into a datepicker when previously having given focus to a date field (but not yet having displayed the calendar), the calendar will appear on screen in a place where it shouldn't (below the table in the linked jsfiddle.

The _doKeyUp method is triggering a re-render of the calendar widget without actually checking if the calendar is already displaying.

JsFiddle:

http://jsfiddle.net/wfysD/

Attachments (0)
Change History (3)

Changed April 13, 2013 02:01AM UTC by tj.vantoll comment:1

Hi awatry,

Thanks for taking the time to contribute to the jQuery UI project. Here's a reduced test case for the problem you're seeing: http://jsfiddle.net/tj_vantoll/Nza9u/.

The

showOn: "button"
option needs to be set and the 2nd input needs to have a predefined value. This is definitely an edge case

This problem is not present when the CSS is included because it defines

display: none;
on
.ui-datepicker
. I believe that we consider the CSS files a hard requirement. scott_gonzalez?

Changed April 15, 2013 12:10PM UTC by scottgonzalez comment:2

resolution: → notabug
status: newclosed

Yes, the functional CSS, e.g., jquery.ui.datepicker.css, is required.

Changed April 15, 2013 04:14PM UTC by awatry comment:3

Thanks for the hint tj.vantoll. My project was using an older version of the jQuery-UI css (1.8.16. I upgraded jQuery-ui.js, but not the CSS), which didn't define display:none for the .ui-datepicker class. Adding that in takes care of the issue here.