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

9 Feb 2011, 7:19 AM

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


<!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">

<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 () {
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) {

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