krukow
28 Jul 2007, 1:15 AM
Hello everyone,
I've discovered a rendering bug that appears in IE7 but not in the latest Firefox.
When I fadeOut a form element containing labels and textfields, then IE7 does not fade out the labels and textfields, but only the fieldset-lines.
Try this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script src="/ext-base.js"></script>
<script src="/ext-all-debug.js"></script>
<link href="/stylesheets/ext-all.css" media="screen" rel="Stylesheet" type="text/css" />
</head>
<body>
<div id="fade_form"> </div>
<script>
Ext.onReady(function() {
var simple = new Ext.form.Form({
url:'/accounts/login'
});
simple.fieldset({legend:'Login'},
new Ext.form.TextField({
fieldLabel: 'Username',
name: 'login[username]'}));
simple.addButton('Login').on("click", function() {
Ext.get('fade_form').fadeOut({duration: 1.5});
});
simple.render('fade_form');
});
</script>
</body>
</html>
Specifically notice the difference between FF and IE7.
I think the problem is stylesheet-related: try removing the ext-all.css stylesheet.
Thanks,
- Karl
I've discovered a rendering bug that appears in IE7 but not in the latest Firefox.
When I fadeOut a form element containing labels and textfields, then IE7 does not fade out the labels and textfields, but only the fieldset-lines.
Try this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script src="/ext-base.js"></script>
<script src="/ext-all-debug.js"></script>
<link href="/stylesheets/ext-all.css" media="screen" rel="Stylesheet" type="text/css" />
</head>
<body>
<div id="fade_form"> </div>
<script>
Ext.onReady(function() {
var simple = new Ext.form.Form({
url:'/accounts/login'
});
simple.fieldset({legend:'Login'},
new Ext.form.TextField({
fieldLabel: 'Username',
name: 'login[username]'}));
simple.addButton('Login').on("click", function() {
Ext.get('fade_form').fadeOut({duration: 1.5});
});
simple.render('fade_form');
});
</script>
</body>
</html>
Specifically notice the difference between FF and IE7.
I think the problem is stylesheet-related: try removing the ext-all.css stylesheet.
Thanks,
- Karl