#7087 closed bug (worksforme)

Opened March 08, 2011 10:08PM UTC

Closed March 09, 2011 01:31PM UTC

Page freezes in IE9 RC when attempting to reopen a previously closed dialog window

Reported by: lindacm Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.dialog Version: 1.8.10
Keywords: Cc:
Blocked by: Blocking:
Description

When a dialog window which contains a link is opened and closed, it cannot be reopened in IE9 RC. Instead the screen freezes. The browser will not crash, but it will not draw any new changes to the page.

The problem is difficult to reproduce on jsbin, because additional javascript is included automatically, and seems to 'resolve' the problem. However if you load the following code in a new page, you should be able to duplicate it:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html lang="en-US">
<head>
<title>test</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js"></script> 
<link type="text/css" rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/redmond/jquery-ui.css"> 

<script type="text/javascript">
$(document).ready(function(){
	$(".openDialog").click(function(event){
		event.preventDefault();
		if ( !$("#dialogWindow").length ) {
			$("body").append("<div id='dialogWindow' title='Dialog Window'></div>");
			$("#dialogWindow").html( $("#dialogContent").html() ).dialog();
		} else {
			$("#dialogWindow").dialog( "open" );
		}
		return false;
	});
});
</script>
</head>
<body> 

<p><a href="javascript:void(0);" class="openDialog">open dialog window</a></p>
<div id="dialogContent"><a href="javascript:void(0);">link</a></div>

</body>
</html>
Attachments (0)
Change History (3)

Changed March 08, 2011 11:11PM UTC by rdworth comment:1

component: ui.core → ui.dialog

Changed March 08, 2011 11:11PM UTC by rdworth comment:2

description: When a dialog window which contains a link is opened and closed, it cannot be reopened in IE9 RC. Instead the screen freezes. The browser will not crash, but it will not draw any new changes to the page. \ \ The problem is difficult to reproduce on jsbin, because additional javascript is included automatically, and seems to 'resolve' the problem. However if you load the following code in a new page, you should be able to duplicate it: \ \ \ {{{<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> \ <html lang="en-US"> \ <head> \ <title>test</title> \ <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> \ <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js"></script> \ <link type="text/css" rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/redmond/jquery-ui.css"> \ \ <script type="text/javascript"> \ $(document).ready(function(){ \ $(".openDialog").click(function(event){ \ event.preventDefault(); \ if ( !$("#dialogWindow").length ) { \ $("body").append("<div id='dialogWindow' title='Dialog Window'></div>"); \ $("#dialogWindow").html( $("#dialogContent").html() ).dialog(); \ } else { \ $("#dialogWindow").dialog( "open" ); \ } \ return false; \ }); \ }); \ </script> \ </head> \ <body> \ \ <p><a href="javascript:void(0);" class="openDialog">open dialog window</a></p> \ <div id="dialogContent"><a href="javascript:void(0);">link</a></div> \ \ </body> \ </html> \ \ }}} \ \ → When a dialog window which contains a link is opened and closed, it cannot be reopened in IE9 RC. Instead the screen freezes. The browser will not crash, but it will not draw any new changes to the page. \ \ The problem is difficult to reproduce on jsbin, because additional javascript is included automatically, and seems to 'resolve' the problem. However if you load the following code in a new page, you should be able to duplicate it: \ \ \ {{{ \ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> \ <html lang="en-US"> \ <head> \ <title>test</title> \ <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> \ <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js"></script> \ <link type="text/css" rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/redmond/jquery-ui.css"> \ \ <script type="text/javascript"> \ $(document).ready(function(){ \ $(".openDialog").click(function(event){ \ event.preventDefault(); \ if ( !$("#dialogWindow").length ) { \ $("body").append("<div id='dialogWindow' title='Dialog Window'></div>"); \ $("#dialogWindow").html( $("#dialogContent").html() ).dialog(); \ } else { \ $("#dialogWindow").dialog( "open" ); \ } \ return false; \ }); \ }); \ </script> \ </head> \ <body> \ \ <p><a href="javascript:void(0);" class="openDialog">open dialog window</a></p> \ <div id="dialogContent"><a href="javascript:void(0);">link</a></div> \ \ </body> \ </html> \ }}} \

Changed March 09, 2011 01:31PM UTC by scottgonzalez comment:3

resolution: → worksforme
status: new → closed

Using your exact code, this works fine for me in IE 9.0.8080.16413 (RC) on Windows 7.