Problem with map on layout card

[jasontran]

Hello all,


I have a problem with map.
When I tap on 'map' button, map will show. But it's not full screen
Please help me to fix this issue

Ext.application({
    launch: function() {
        Ext.create('Ext.Panel', {
            id: 'viewport',
            fullscreen: true,
            layout: {
               type: 'card',
               animation: {
                  type: 'slide',
               }
            },
            defaults: {
                flex: 1
            },
            items: [
                {
                    html: 'html',
                },
                {
                    id: 'GGmap',
                    xtype: 'map',
                    getLocation: true
                },
                {
                    xtype: 'toolbar',
                    id: 'toolbar',
                    docked: 'top',
                    items: [
                        {
                            id: 'showMap',
                            xtype: 'button',
                            text: 'Map',
                            ui: 'confirm',
                            handler: function(btn, evt) {
                                Ext.getCmp('viewport').setActiveItem(Ext.getCmp('GGmap'));
                            }
                        }
                    ]
                }
            ]
        });
    }
});

Many thanks

[mitchellsimoens]

Tested your code against our latest code we have internally that will be apart of the next release and the map is taking up 100% of the width/height of the panel as expected from card layout.