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