PDA

View Full Version : [CLOSED-498][3.0] IE7: no event gets fired for a disabled BoxComponent



xsuniwov
27 Jan 2010, 11:11 AM
Ext version tested:

Ext 3.0.0


Adapter used:

ext


css used:

only default ext-all.css




Browser versions tested against:

IE7


Operating System:

WinXP Pro


Description:


This issue only happens in IE (I use IE7). FF is fine.

It looks like if I disable a BoxComponent (anchor or span) in a Panel, all the events won't get fired, for example, mouseover, mouseout.

Is there any workaround available that I can still get the events fired. I need those to implement tooltips for the disabled elements.

Without ExtJS, anchor/span can fire events even if they are disabled in IE7.

Test Case:



<html>
<head>
<title>BoxComponent Testing</title>
<link rel="stylesheet" type="text/css" href="ext-all.css" />
<script type="text/javascript" src="ext-base.js"></script>
<script type="text/javascript" src="ext-all-debug.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var b = new Ext.Panel({
renderTo: document.body,
layout: 'fit',
items: [{
xtype: 'box',
disabled: true,
autoEl: {
tag: 'a',
html: 'Link',
onmouseover: 'alert("reach 1");'
}
}]
});
b.render();
});
</script>
</head>
<body>
</body>
</html>


See this URL :

Steps to reproduce the problem:

The result that was expected:


onmouseover, onmouseout events should be fired on disabled BoxComponent


The result that occurs instead:


No event fired


Screenshot or Video:


N/A


Debugging already done:

none


Possible fix:

not provided

evant
27 Jan 2010, 5:42 PM
As discussed in the support ticket, I don't think this is something we can fix, seems like a browser bug.

evant
31 Jan 2010, 7:04 PM
Marking as closed, IE ignores the events because the span has dimensions. If you remove them it still fires the events.