Menu partially displayed

[omar.belkhodja]

Hello,

I have a problem with the display of the menu of my application, generated with Sencha Architect.
My application has a viewport, and within the viewport I have a panel. See below a piece of code of my viewport definition.



Ext.applyIf(me, {
items: [
{
xtype: 'panel',
layout: {
type: 'border'
},
dockedItems: [
{
xtype: 'appmenubar',
dock: 'top'
},
{
xtype: 'apptoolbar',
dock: 'top'
}
],


Within the panel I have 2 toolbar docked to the top. The first one is a menu and the second is button based. See below a piece of the code defining my appmenubar.


Ext.applyIf(me, {
items: [
{
xtype: 'button',
text: 'Fichier',
menu: {
xtype: 'menu',
items: [
{
xtype: 'menuitem',
text: 'Enregistrer dans un fichier'
},
{
xtype: 'menuitem',
text: 'Impression'
},
{
xtype: 'menuitem',
text: 'Déconnexion'
}
]
}
},

When this is rendered in the Sench Architect, I don't see any problem. But when in Chrome (didn't test other browsers), some items of the menu are not displayed, and I need to scroll into the menu in order to see them (see picture).

34282

Does anyone know how to fix that ?

[scottmartin]

What version of ExtJS4 do you see this in? Have you tried 4.1RC3?

Regards,
Scott.

[omar.belkhodja]

I didn't check that... I'm using Ext JS 4.0.2.

I have tried now 4.0.7 and 4.1rc3, and I don't see the problem anymore.

Thanks !

I will report that into the Sencha Architect forum, because it is setting an old version of Ext JS by default.

[omar.belkhodja]

Checked that Sencha Architect is using Ext JS version 4.0.7 by default. So it seems that I have created my project too much time ago, and this is why Ext JS version used is old.