tracker issue : CF-3292672

Also:   - Underlying window content improperly scrolls on ALL browsers when cfwindow opens.

Problem Description:

I have a page displaying artwork with each image listed vertically down the page.  Accompanying each image is a "View Larger Image" button that opens a CFWindow with the enlarged image.  The CFWindow is sized to fill the user's browser window, completely overlaying the initial page content.

When the user first opens the page and clicks on the top image, everything works as expected.  If she then closes the CFWindow and scrolls down, selects another image and clicks on the "View Larger Image" button, the CFWindow opens and fills the viewport again as expected.  However, when the CFWindow is closed, the underlying original window has been scrolled back up to the top of the page.  The user needs to scroll down the page to find the artwork that she had last viewed.  Each time the CFWindow is employed, the underlying window gets scrolled to the top.

If the user opens the page and scrolls down somewhat before clicking on a "View Larger Image" button, then CFWindow opens with it's bottom half hidden and part of the original page visible above it.  After closing the window and scrolling to another image, the CFWindow opens in the same relative position and the underlying window always scrolls to where ever it was when the first use of the "View Larger Image" button was clicked.

here's my code to create the CFWindow and open it:


<!--- create a hidden window to display larger images --->
<cfwindow name="maxi" center="true" closable="true" destroyonclose="false" draggable="true" height="500" initshow="false" modal="true"  
	resizable="true" width="500" headerstyle="background-color:##ccc;" bodystyle="background-color:##fff; padding:0; color:##111;" />


// called from view larger image button
showMaxi = function(width, height, iid){
	
	// get browser window max width and height
	var vpw = getViewportWidth();
	var vph = getViewportHeight()+36;

	//Get window object
	myWindow = ColdFusion.Window.getWindowObject('maxi');

	//resize the window and make visible      
	myWindow.setSize(vpw, vph);
	ColdFusion.Window.show('maxi');

	//use the center function to center the window.    
	//myWindow.center();
	
	// if the browser window could be made larger to display larger images, show a message to the user
	if (messageFlag == '' && ((screen.availWidth > vpw && vpw < 1439) || (screen.availHeight > vph && vph < 739))){
		messageWindow = ColdFusion.Window.getWindowObject('message');
		ColdFusion.Window.show('message');
		messageWindow.center();
		messageFlag = 'no';
	}
	
	//reload the window
	ColdFusion.navigate('?pid=23&iid=' + iid + '&vpw=' + (vpw - 44) + '&vph=' + (vph - 72) + '&messageflag=' + messageFlag, 'maxi');
	// vpw - 24 for left & right borders of 12px each and 20px left margin
	// vph - 32 for top and bottom margins and 20 px margins on top and bottom
} 


Steps to Reproduce:

Here's a link to a sample page:

http://williammcmahan.artluscious.com/page.cfm?pid=23&cid=15

----------------------------- Additional Watson Details -----------------------------

Watson Bug ID:	3292672

External Customer Info:
External Company:  
External Customer Name: bobcel
External Customer Email:  
External Test Config: My Hardware and Environment details:  Mac 10.6.8;  Safari 5.1.2;

Attachments:

Comments: