History | Log In     View a printable version of the current page.  

jira.rhq-project.org has been archived and is now in read-only mode.

All issues have been moved to bugzilla.redhat.com. All new issues or updates to existing issues should be made through bugzilla.
Specific old RHQ issues can be found using a query of this form: https://bugzilla.redhat.com/show_bug.cgi?id=RHQ-1999.
New bugs can be raised here. Accounts at bugzilla.redhat.com have been created for existing RHQ users.
Open bugs raised in the last week can be found here.
Issue Details (XML | Word | Printable)

Key: RHQ-1506
Type: Bug Bug
Status: Accepted Accepted
Priority: Major Major
Assignee: Joseph Marques
Reporter: Corey Welton
Votes: 0
Watchers: 0
Operations

If you were logged in you would be able to see more operations.
RHQ Project

Operations scheduling calendar widget expands past bottom of browser window

Created: 09/Feb/09 09:41 AM   Updated: 28/Oct/09 09:56 AM
Component/s: Core UI
Affects Version/s: 1.2
Fix Version/s: 1.4

Time Tracking:
Not Specified

Environment: Linux Firefox 3; 1280x1024 display resolution.

Date of First Response: 09/Feb/09 10:50 AM
Tester: Corey Welton
VCS Revision: 3,110


 Description  « Hide
1. expand your browser full-screen
2. Login to Jon; Resources > Platforms > $platform > Operations > Manual Autodiscovery
3. Scroll to bottom of page; click the calendar icon in the scheduling window to begin selecting a schedule date.
4. View results.

Current results:
Bottom of calendar (with the "clear", "apply", etc., buttons) is cut off and browser cannot scroll below. User must manually move window, expand browser further, and then select -- and then resize browser once again when s/he is done.

Expected results:
User can access all items in calendar.

Other notes:
This doesn't seem to happen in resolutions greater than 1280x1024 - but I don't think we should be limiting our webapp designs to such resolutions.

 All   Comments   Work Log   Change History      Sort Order: Ascending order - Click to sort in descending order
Corey Welton - 09/Feb/09 10:10 AM
[11:01] <@joseph> yes, it doesn't depend on resolution, it's the fact that a browser does not make additional room (or
                  autoscroll) for popup divs that are (i'm guessing) absolutely positioned

Joseph Marques - 09/Feb/09 10:50 AM
rev2979 - move the "other options" section below the scheduling section, to prevent the calendar from being cut off;

Corey Welton - 17/Feb/09 08:13 AM
Unfortunately, I found a new way to make this fail; same issue, although a variation on the theme. There's a second calendar deeper in some of the pages that use the widget that expands below the bottom of the browser.

Try the following:
1. $platform > Operations > Manual Auto-discovery.
2. In section "Start", click the radio button for the calendar option
3. In section "Recur", click the radio button for 'Every (x) Days'
4. In section "Recurrence End", click the calendar icon.

You'll note that the bottom of the calendar again gets cut off.

Joseph Marques - 19/Feb/09 11:37 PM
corey, unfortunately i know of no way to fix this. this is how the richfaces component works. the only thing i could do is add some extra padding to the bottom of the form. however, this is not perfect either. if the input field is close to the bottom of the page (let's assume you're not scrolled all the way to the bottom of the page), then when you click on the icon the calendar will get cut off again. regardless, i've attempted a fix at this again...

rev3110 - try to prevent calendar pop-up from being cut-off by adding extra whitespace at the bottom of the form

Corey Welton - 24/Mar/09 11:58 AM
I don't like that this still happens when you're scrolled all the way to the bottom. That said, I fully understand that it's an issue with the richfaces component. I am just gonna move this to the usability queue so that we can revisit it in the future, perhaps find a different way of doing it.

John Sefler - 28/Oct/09 09:40 AM
I think this issue is very fixable:
The html that renders the pop-up calendar widget looks like this:

<table id="newScheduleForm:startDate" class="rich-calendar-exterior rich-calendar-popup" cellspacing="0" cellpadding="0" border="0" onclick="$('newScheduleForm:startDate').component.skipEventOnCollapse=true;" style="position: absolute; z-index: 3; left: 530px; top: 171px;">

By removing the 'position: absolute' from the html table tag, the calendar will initially render at the same spot, but will scroll with the page underneath. This behavior is much preferred. you can test/try it out using Firebug.

Requested fix for HTML:
<table id="newScheduleForm:startDate" class="rich-calendar-exterior rich-calendar-popup" cellspacing="0" cellpadding="0" border="0" onclick="$('newScheduleForm:startDate').component.skipEventOnCollapse=true;" style="z-index: 3; left: 530px; top: 171px;">