PDA

View Full Version : IE6 bugs (strange Event object is built)



vladsch
9 Feb 2011, 7:19 AM
Hi,

Browser: IE6
ExtJS : 3.3.1

If you run the following sample you notice the following troubles
- buttons click listener function is not fired (i notice that e.button is undefined)
- if you choose any item in combo then js exception occurs (something wrong with e.target, Ext.fly returns undefined)

The issue is forced by the following style in the wrapper div


style="width:100%; height:100%; margin:10px;"


IE7/8 works fine with this sample

Sample:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>

<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all-debug.js"></script>

<script type="text/javascript">
Ext.onReady(function () {
Ext.QuickTips.init();
new Ext.form.FormPanel({
labelWidth: 55,
renderTo: "ct1",
height: 125,
buttonAlign: "center",
items: [
{
xtype: "combo",
fieldLabel: "Sex",
width: 200,
allowBlank: false,
selectOnFocus: true,
displayField: "text",
valueField: "value",
mode: "local",
triggerAction: "all",
store: new Ext.data.SimpleStore({
fields: ["text", "value"],
data: [
["Male", "M"],
["Female", "F"]
]
})
}
],
buttons: [{
text: "Submit",
listeners: {
click: {
fn: function (item, e) {
alert(1);
}
}
}
}]
});
});
</script>
</head>
<body>

<div style="width:100%; height:100%; margin:10px;"> <!--IF I REMOVE THIS LINE IT WORKS FINE-->
<div id="ct1"></div>
</div>
</body>
</html>