javascript - Sencha Touch 2 - ビルド後にパネルが動かなくなる

Question

Sencha Touch 2.2 で Ext.Panel を使用すると問題が発生します。最初は動作しますが、ビルド後は hideOnMaskTap が true であっても閉じることができません。

これが私のコードです：

MinPanel.js

Ext.define('MinimalPanelExample.view.MinPanel', {
    extend: 'Ext.Panel',

    requires: [
        'Ext.dataview.List'
    ],

    config: {
        id: 'minPanel',
        width: '320px',
        height: '480px',
        modal: true,
        hideOnMaskTap: true,

        html: 'minimal panel',

        items: [
            {
                xtype: 'list',
                width: '100%',
                height: '100%'
            }
        ]
    }
});

Main.jsに追加します:

var minPanel = Ext.create('MinimalPanelExample.view.MinPanel');

[...]
items: {
    docked: 'top',
    xtype: 'titlebar',
    title: 'Welcome to Sencha Touch 2',

    items: [
        {
            xtype: 'button',
            text: 'Button',
            listeners: {
                tap: function(button) {
                    minPanel.showBy(button);
                }
            }
        }
    ],
},

興味深いのは、ビルドされたパッケージを実行しても、パネル内のリストは表示されず、html: 'minimal panel' のみが表示されることです。ただし、Javascript コンソールには警告はありません。

なぜそれが起こるのかについてのアイデアはありますか?
また、最初にパネルを作成/アクセスする方法が間違っている場合は、遠慮なく教えてください。