Opened 8 years ago

Closed 7 years ago

#13493 closed defect (wontfix)

Dialog: TextBox content disappears (IE6/claro)

Reported by: felixe Owned by: bill
Priority: high Milestone: tbd
Component: Dijit Version: 1.7.0b1
Keywords: claro Cc:
Blocked By: Blocking:

Description

Hi

I think I've found a bug in the claro theme on IE6. See the html below: a simple Dialog with three text boxes.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>IE6 Dialog Test</title>
	
	<link rel="stylesheet" type="text/css" href="/dojotoolkit/dojo/resources/dojo.css" />
	<link rel="stylesheet" type="text/css" href="/dojotoolkit/dijit/themes/tundra/tundra.css" />
	<link rel="stylesheet" type="text/css" href="/dojotoolkit/dijit/themes/claro/claro.css" />
	
	<style type="text/css">
		/* Bug in dijit claro theme. All other themes have not defined a position...
		.claro .dijitDialogPaneContent {
			position: static;
		}
		*/
	</style>
	
	
	<script type="text/javascript" src="/dojotoolkit/dojo/dojo.js"
		djConfig="isDebug: true, parseOnLoad: true"></script>
	
	<script type="text/javascript">
	     dojo.require("dijit.Dialog");
	     dojo.require("dijit.form.TextBox");
	
	     dojo.addOnLoad(function() {
			var dlg = dijit.byId("dlg1").show();
	     })
	</script>

</head>
<body class="claro">
	<div dojoType="dijit.Dialog" id="dlg1" title="Test Dialog">
		<div>
			TextBox1: <input dojoType="dijit.form.TextBox" type="text" name="text1" value="" />
		</div>
		<div>
			TextBox2: <input dojoType="dijit.form.TextBox" type="text" name="text1" value="" />
		</div>
		<div>
			TextBox3: <input dojoType="dijit.form.TextBox" type="text" name="text1" value="" />
		</div>
	</div>
</body>
</html>

After writing some text in to the first text box select the next text box a see whats happened. The content of the first text box disappears. This only affects IE6 and claro. Change the theme to tundra and it works as it should.

The bug can be fixed with the following css statement:

.claro .dijitDialogPaneContent {position: static;}

All other themes haven't defined .dijitDialogPaneContent position. So i think this is a bug.

Cheers

Change History (3)

comment:1 Changed 8 years ago by bill

Component: DojoxDijit
Owner: changed from Adam Peller to bill

Presumably this was meant to be marked for dijit.

comment:2 Changed 8 years ago by bill

Summary: text box content disappears (only affects IE6 and claro theme)Dialog: TextBox content disappears (IE6/claro)

comment:3 Changed 7 years ago by bill

Resolution: wontfix
Status: newclosed

Hmm, except that claro is explicitly setting position:relative, for whatever reason. Since this is only IE6 I don't think we want to change it at this point. Users that need the workaround can add it to their code.

Note: See TracTickets for help on using tickets.