Bug Tracker

Ticket #2804: bug.html
File bug.html, 1.5 KB (added by srepciuc, May 06, 2008 09:29AM UTC)

The bug shows only when modal is set to true

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
	var options =  {
				autoOpen: false,
				modal: true,
				height: 200,
				width: 200,
				overlay: {backgroundColor: "#666",opacity:0.65}}				
				$("#example").dialog(options);	
	  $("#selected").click(function (e){
		  	$("#example").dialog("open");
		});	    
  });
  </script>
  
</head>
<body>
  <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">
<script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/1.5b2/ui.base.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/1.5b2/ui.dialog.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/1.5b2/ui.resizable.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/1.5b2/ui.draggable.js"></script>

<div>
	<input id="all"	type="radio" checked="checked" value="true"	onclick="this.blur();"  name="mygroup" /> 
	<span style="margin-left: 5px;">First option </span> 
	<br/>
	<input id="selected" type="radio" value="false"	onclick="this.blur();"  name="mygroup" /> 
	<span style="margin-left: 5px;">Second option</span>
</div>

<div id="example" class="flora" title="This is my title">I'm in a dialog!</div>
</body>
</html>

Download in other formats:

Original Format