Opened 6 years ago

Closed 6 years ago

Last modified 6 years ago

#9228 closed bug (notabug)

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/

Change History (3)

comment:1 Changed 6 years ago by tj.vantoll

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?

comment:2 Changed 6 years ago by Scott González

Resolution: notabug
Status: newclosed

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

comment:3 Changed 6 years ago by awatry

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.

Note: See TracTickets for help on using tickets.