PDA

View Full Version : [CLOSED] [Ext 4.0.7] Error when placing 2 Menus inside a Panel with Accordion layout



grumpus
26 Nov 2011, 1:21 PM
I would like to report, what i think is a bug.

I generated a Panel with the Accordion layout and placed two items of xtype menu inside.

The code renders correctly, but when I mouse over the second menu, I get a string of errors "itemEl is undefined".

I noticed this when I tried upgrading Ext JS to version 4.0.7, this error message did not show up in a previous version.



Ext.onReady(function(){
Ext.create('Ext.panel.Panel', {
title: 'Accordion Layout',
width: 300,
height: 300,
layout:'accordion',
defaults: {
// applied to each contained panel
bodyStyle: 'padding:15px'
},
layoutConfig: {
// layout-specific configs go here
titleCollapse: false,
animate: true,
activeOnTop: true
},
items: [
{
title : 'Menu1',
xtype : 'menu',
floating : false,
plain : true,


items: [{
text: 'regular item 1'
},{
text: 'regular item 2'
},{
text: 'regular item 3'
}]
},
{
title : 'Menu2',
xtype : 'menu',
floating : false,
plain : true,


items: [{
text: 'regular item 1'
},{
text: 'regular item 2'
},{
text: 'regular item 3'
}]
}
],
renderTo: Ext.getBody()
});
});


Ext version tested:

Ext 4.0.7
Browser versions tested against:

FF8.0.1 (firebug 1.8.4 installed)
DOCTYPE tested against:
HTML5

Steps to reproduce the problem:
Run the above code.

The result that was expected:
Rendering of an accordion panel with two menus.

The result that occurs instead:
Result is rendered, but error messages are reported when mouse hovers over the second menu.

mitchellsimoens
28 Nov 2011, 12:53 PM
Checking your code against our latest code and I cannot reproduce this.