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

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

Ext 3.0.0

Adapter used:


css used:

only default ext-all.css

Browser versions tested against:


Operating System:

WinXP Pro


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:

<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">
var b = new Ext.Panel({
renderTo: document.body,
layout: 'fit',
items: [{
xtype: 'box',
disabled: true,
autoEl: {
tag: 'a',
html: 'Link',
onmouseover: 'alert("reach 1");'

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:


Debugging already done:


Possible fix:

not provided

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.

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.