RichUI Plugin

DateChooser doesn't work under certain circumstances

Details

  • Type: Bug Bug
  • Status: Resolved Resolved
  • Priority: Major Major
  • Resolution: Fixed
  • Affects Version/s: Grails-RichUI 0.7
  • Fix Version/s: Grails-RichUI 0.8
  • Component/s: None
  • Labels:
    None

Description

If I'm clicking on an input field, to which the dateChooser was bound, the corresponding box will be opened. If the displayed month is March 2010, the last line's dates and the last four of the line before are part of April 2010 and therefore non-choosable. After changing the month and moving to April 2010, the same fields (last 11 date fields) are not choosable. Therefore, it's not possible to select April, 29th 2010.

Additionally, after changing the month, the dateChooser box will not be closed by a click on the rest of the page. It will be only closed, if a date was choosen or if a click into the same input field reopens the box for the original month.

Activity

Ascending order - Click to sort in descending order
Hide
Permalink
Andreas Schmitt added a comment -

Hi Patrick,

I couldn't reproduce the issue you mentioned. Could you please provide more details e.g. how the dateChooser is integrated in your GSP and
which environment you are using. Nevertheless could you please try the trunk version, http://plugins.grails.org/grails-richui/trunk/grails-richui-0.8.zip
and check whether the issue is also present.

Best Regards,
Andreas

Show
Andreas Schmitt added a comment - Hi Patrick, I couldn't reproduce the issue you mentioned. Could you please provide more details e.g. how the dateChooser is integrated in your GSP and which environment you are using. Nevertheless could you please try the trunk version, http://plugins.grails.org/grails-richui/trunk/grails-richui-0.8.zip and check whether the issue is also present. Best Regards, Andreas
Hide
Permalink
Patrick Jungermann added a comment -

Screenshots

Show
Patrick Jungermann added a comment - Screenshots
Hide
Permalink
Patrick Jungermann added a comment - - edited

Hi Andreas,

we could reproduce this on every machine. We use Grails 1.2.1 (as I opened the issue, it was 1.2.0). The most of them use Linux Ubuntu with Firefox 3.5 - 3.6 and some of them Windows (XP, Vista, 7), also with Firefox 3.5 - 3.6. I'd also tried it with IE8, but it's the same bevaviour.

As you'd recommended it, I also tried the trunk version, but it doesn't work either.

It's normal integrated in our GSP by

<resource:dateChooser/>

within the head tag and used by e.g.,

<richui:dateChooser name="validFrom" value="${data?.validFrom ?: new Date()}" format="${message(code: 'format.date.dateChooser')}"/>

For me, it seems to be okay.

I've also attached two screenshots of the previously described scenario:

I open the DateChooser for the month March. The first eleven days of April are displayed, but blocked. Now I switched to April. If I now try to click on one of the last two days of the month, which are on a position that was blocked before, then nothing happens. Here, the 28th will work normally.

I also experienced that, if I switch to another month, the DateChoose will not be closed, if I'm clicking anywhere on the site. To get it closed, I have to click in the related input field to open the DateChooser again. Then, I'm able to close it by a click to the site.

On another computer with English setting and therefore another weekday order (Sun, Mon, ...), I experienced, that it worked with April, but not with Mai.

Anyway, it would be nice, if the user could choose one of the days of the previous or next month grayed out here, instead of being forced to switch to the related month and select the day there. This would be one click and one re-orientation fewer.

Best regards,
Patrick

Show
Patrick Jungermann added a comment - - edited Hi Andreas, we could reproduce this on every machine. We use Grails 1.2.1 (as I opened the issue, it was 1.2.0). The most of them use Linux Ubuntu with Firefox 3.5 - 3.6 and some of them Windows (XP, Vista, 7), also with Firefox 3.5 - 3.6. I'd also tried it with IE8, but it's the same bevaviour. As you'd recommended it, I also tried the trunk version, but it doesn't work either. It's normal integrated in our GSP by 
<resource:dateChooser/>
within the head tag and used by e.g., 
<richui:dateChooser name="validFrom" value="${data?.validFrom ?: new Date()}" format="${message(code: 'format.date.dateChooser')}"/>
For me, it seems to be okay. I've also attached two screenshots of the previously described scenario: I open the DateChooser for the month March. The first eleven days of April are displayed, but blocked. Now I switched to April. If I now try to click on one of the last two days of the month, which are on a position that was blocked before, then nothing happens. Here, the 28th will work normally. I also experienced that, if I switch to another month, the DateChoose will not be closed, if I'm clicking anywhere on the site. To get it closed, I have to click in the related input field to open the DateChooser again. Then, I'm able to close it by a click to the site. On another computer with English setting and therefore another weekday order (Sun, Mon, ...), I experienced, that it worked with April, but not with Mai. Anyway, it would be nice, if the user could choose one of the days of the previous or next month grayed out here, instead of being forced to switch to the related month and select the day there. This would be one click and one re-orientation fewer. Best regards, Patrick
Hide
Permalink
Andreas Schmitt added a comment -

Hi Patrick,

that's really strange. Your GSP markup seems to be fine. I tried to reproduce the issue on Ubuntu on Firefox 3.5.8 and Opera 10.10 as well as on Windows (Browser region set to German) and could select the last days of April without any problem. Are there any JavaScript errors shown in the browser e.g. using FireBug? Do you use other AJAX libraries as well that could potentially affect the underlying Yahoo UI? Can you select the last days of April on the following site http://developer.yahoo.com/yui/examples/calendar/multi.html ?

Best Regards,
Andreas

Show
Andreas Schmitt added a comment - Hi Patrick, that's really strange. Your GSP markup seems to be fine. I tried to reproduce the issue on Ubuntu on Firefox 3.5.8 and Opera 10.10 as well as on Windows (Browser region set to German) and could select the last days of April without any problem. Are there any JavaScript errors shown in the browser e.g. using FireBug? Do you use other AJAX libraries as well that could potentially affect the underlying Yahoo UI? Can you select the last days of April on the following site http://developer.yahoo.com/yui/examples/calendar/multi.html ? Best Regards, Andreas
Hide
Permalink
Markus Hauser added a comment - - edited

I have exact the same behavior as described - is there any update or fix available?
Grails 1.2.1; Richui 0.7, locale="de"

Are there any JavaScript errors shown in the browser e.g. using FireBug? >> no as i can see not - the non clickable 29. Mai looks the same as the clickable 27. Mai

Do you use other AJAX libraries as well that could potentially affect the underlying Yahoo UI? >> guess not

Can you select the last days of April on the following site http://developer.yahoo.com/yui/examples/calendar/multi.html ? >> yes i can

Thanks

Show
Markus Hauser added a comment - - edited I have exact the same behavior as described - is there any update or fix available? Grails 1.2.1; Richui 0.7, locale="de" Are there any JavaScript errors shown in the browser e.g. using FireBug? >> no as i can see not - the non clickable 29. Mai looks the same as the clickable 27. Mai Do you use other AJAX libraries as well that could potentially affect the underlying Yahoo UI? >> guess not Can you select the last days of April on the following site http://developer.yahoo.com/yui/examples/calendar/multi.html ? >> yes i can Thanks
Hide
Permalink
Markus Hauser added a comment - - edited

ok - here an update from the error (With this information you should be able to reproduce the problem i hope):
The probelm only occurs if you have two or more richui:datechooser objects on your page.
All calendars are only clickable as wide as the first one.

hope that helped.

Show
Markus Hauser added a comment - - edited ok - here an update from the error (With this information you should be able to reproduce the problem i hope): The probelm only occurs if you have two or more richui:datechooser objects on your page. All calendars are only clickable as wide as the first one. hope that helped.
Hide
Permalink
Andreas Schmitt added a comment -

Okay, I will have a look.

Show
Andreas Schmitt added a comment - Okay, I will have a look.
Hide
Permalink
Andreas Schmitt added a comment -

Thank you, I'm now able to reproduce this error and looking for a fix.

Show
Andreas Schmitt added a comment - Thank you, I'm now able to reproduce this error and looking for a fix.
Hide
Permalink
Andreas Schmitt added a comment -

Could please try the following version http://plugins.grails.org/grails-richui/trunk/grails-richui-0.8.zip and tell me if it works for you. I just uploaded a fix.

Show
Andreas Schmitt added a comment - Could please try the following version http://plugins.grails.org/grails-richui/trunk/grails-richui-0.8.zip and tell me if it works for you. I just uploaded a fix.
Hide
Permalink
Markus Hauser added a comment -

Thank you very much! The fix works fine for me.

Best regards
Markus

Show
Markus Hauser added a comment - Thank you very much! The fix works fine for me. Best regards Markus

People

Vote (0)
Watch (2)

Dates

  • Created:
    Updated:
    Resolved:
Atlassian JIRA (v4.4.1#660-r161644) | Report a problem
Powered by a free Atlassian JIRA open source license for Grails project. Try JIRA - bug tracking software for your team.