SA 4.2. - Ext.menu.Menu ERROR

[info@ferraresegroup.com]

Hi all,
i have a new MODERN project with ExtJs 6.5.2 only for testing "Ext.menu.Menu" and there are some problem.


1) My project have an initial container with a button in the middle for show menu.

Ext.define('TM.view.MyContainer', {    extend: 'Ext.Container',
    alias: 'widget.mycontainer',


    requires: [
        'TM.view.MyContainerViewModel',
        'Ext.Button'
    ],


    viewModel: {
        type: 'mycontainer'
    },
    style: 'background-color: red;',
    defaultListenerScope: true,


    layout: {
        type: 'vbox',
        align: 'center',
        pack: 'center'
    },
    items: [
        {
            xtype: 'button',
            itemId: 'mybutton',
            text: 'MyButton',
            listeners: {
                tap: 'onMybuttonTap'
            }
        }
    ],


    onMybuttonTap: function(button, e, eOpts) {
        Ext.Viewport.toggleMenu('left');
    }


});

2) my menu...

Ext.define('TM.view.menuML', {    extend: 'Ext.menu.Menu',
    alias: 'widget.menuml',


    requires: [
        'TM.view.menuMLViewModel',
        'Ext.menu.Item'
    ],


    viewModel: {
        type: 'menuml'
    },
    height: '100%',
    width: '85%',
    bodyStyle: 'background-color: green;',


    items: [
        {
            xtype: 'menuitem',
            text: 'Menu Item'
        },
        {
            xtype: 'menuitem',
            text: 'Menu Item'
        },
        {
            xtype: 'menuitem',
            text: 'Menu Item'
        }
    ]


});

3) set menu on "launch" application:

Ext.application({    views: [
        'MyContainer',
        'menuML'
    ],
    name: 'TM',


    launch: function() {
        Ext.create('TM.view.MyContainer', {fullscreen: true});
        Ext.Viewport.setMenu(TM.view.menuML, {
                    side: "left"
                });
    }


});

Result preview on Chrome when i tap on button for show menu...
Modal work, but menu is showing only a white bar on left...

Schermata 2018-01-13 alle 18.06.36.png

Any Idea? Another bug?

Thanks,
Luca

Version:

4.2.2.282

Channel:

4.2-stable

Platform:

1.6.2.49 - darwin x64

Renderer:

56.0.2924.87

Cmd:

6.5.2.15

Framework:

Ext JS 6.5.x Modern

[info@ferraresegroup.com]

Same project, from Chrome console the follow code return error...

var mainPanel = Ext.create('Ext.Panel', {
    fullscreen: false,


    items: {
        xtype: 'menu',
        floated: false,
        docked: 'left',
        width: '85%',
        items: [{
            text: 'regular item 1'
        },{
            text: 'regular item 2'
        },{
            text: 'regular item 3'
        }]
    }
});
Ext.Viewport.setMenu(mainPanel, { side: "left" });

And this is the error:

ext-modern-all-debug.js?_dc=1515864621204:62222 Uncaught TypeError: menu.getReveal is not a function
at constructor.configureMenu (ext-modern-all-debug.js?_dc=1515864621204:62222)
at constructor.setMenu (ext-modern-all-debug.js?_dc=1515864621204:62190)
at <anonymous>:18:14



Help...

[Jaraj]

Thank you for the report. A bug has been created for the same.

Regards,
Joe

[info@ferraresegroup.com]

Any fix?