Hi,

I am using Webform with Date module 6.x-2.7. Upgrading the webform module has introduced a new issue with the date picker using the calendar pop-up option. No updates were made to the Date module.

To recreate the issue:

  1. Create a webform and add a date field with pop-up calendar option enabled.
  2. Go to the webform and click on the mini calendar icon
  3. Select either the earliest date (i.e., earliest year & day) or latest date (i.e., latest year & day) possible from the calendar.
  4. The calendar will either incorrectly display the "
    " text, respectively, without the left/right arrow images defined by the CSS.
I poked around the code but am not sure what may be the issue? Maybe webform/js/webform.js which sets minDate and maxDate? (lines 42 and 43). I could be wrong... Has anybody encountered this issue as well and/or have any suggestions to solve it? Thanks in advance.

Comments

new_B’s picture

Please see correction for 4). (Some text got deleted due to the less than and greater than signs).

4) The calendar will either incorrectly display the <Prev or Next> text, respectively, without the left/right arrow images defined by the CSS.

Also, attached are some screenshots of the issue. I checked in Firefox, Chrome, and IE and the same issue is present in all browsers.

new_B’s picture

Version: 6.x-3.14 » 6.x-3.15

Anybody getting this issue as well or have any suggestions? We have a Zen subtheme. This was the case when upgrading webform to 6.x-3.14. It is still the case, after upgrading to 6.x-3.15.

We are now using Date 6.x-2.8 as well. Issue still persists.

Thanks in advance.

quicksketch’s picture

Category: bug » support

I'm guessing this is a side-effect of some CSS in your theme. What's supposed to happen is the arrow should either disappear or become grayed-out. However what may be happening here is the image for the disabled arrow is missing (or some CSS is missing) that causes the raw text of Next > to show up instead. I'd suggest inspecting the broken previous/next arrows in Firebug or Chrome's inspector, then identify the CSS selector that you can use to hide that text. I don't think this is an issue with Webform specifically.

new_B’s picture

Thanks, quicksketch for the suggestion. I checked using Firebug and compared the old working date pop-up version with the new problematic one. The difference reveals that the generated code and behaviour is different.

As I did not upgrade the Date module at all when the issue cropped up, only Webform, I suspect it might be a change in behaviour and HTML code generated by Webform when displaying the pop-up.

E.g. In the old version, I selected the earliest date possible (in my situation January 2011). Instead of the previous arrow being greyed out or just removed, it appears as a link with arrow--the CSS is defined by the anchor tag. Clicking on the link results in "December 2011". It just cycles through the options endlessly. If the latest date is selected, the "next" links reverts to the earliest date possible, January 2011.

new_B’s picture

Thanks again, quicksketch. FYI: In case anybody encounters this issue...there's a related ticket in the date module support area http://drupal.org/node/1346750.

quicksketch’s picture

Status: Active » Closed (fixed)