Sencha Touch App在Safari中显示，但在Chrome中不再显示

Question

我有一个在建筑师开发的Sencha Touch应用程序，截至2013年11月完美运行。自从忙于其他事情，但最近再次启动Sencha Architect并接受更新建筑师3的最新版本。重新构建我的app，我注意到了一些事情：

1）虽然它在桌面Chrome上完美运行，但现在有些屏幕显示不正确。在特定的屏幕上我有这个问题，没有显示错误或警告。但是，之前（卡布局）有一些警告

2）当我为Android（应用程序的目标平台）构建时，一切都显示正确，但某些事件在部署到手机时没有响应（特别是onChange of field）;因为我在Chrome上没有这么远，我可以读取控制台日志（由于问题1，我甚至无法分析问题2）

3）作为一个webapp，所有显示都在Mobile Safari和Mobile Chrome上，但在这两种情况下，onChange问​​题（问题2）仍然存在

4）显示的所有内容仍然可以在Desktop Safari上正确显示为webapp。 onChange事件适用于Safari，但点击保持（通过按住Chrome上的鼠标左键起作用）不起作用

我想解决的主要问题是桌面Chrome显示问题，如以下屏幕截图所示。我还提供了该屏幕的代码+在导航到屏幕之前在chrome控制台日志中显示的一些警告。

提前感谢您的帮助。

代码：

{
            xtype: 'container',
            title: 'Invoice',
            iconCls: 'info',
            layout: 'vbox',
            items: [
                {
                    xtype: 'list',
                    flex: 3,
                    docked: 'top',
                    height: '80%',
                    itemId: 'Invoice',
                    scrollable: 'vertical',
                    itemTpl: [
                        '<div>{ProductName}</br> ==> {Cases}c/ {Rolls}r/ {Units}u  @ {LineTotText}</div>'
                    ],
                    store: 'SKUStore',
                    infinite: true,
                    striped: true,
                    variableHeights: true
                },
                {
                    xtype: 'container',
                    flex: 1,
                    height: '20%',
                    layout: 'vbox',
                    items: [
                        {
                            xtype: 'container',
                            flex: 1,
                            items: [
                                {
                                    xtype: 'textfield',
                                    itemId: 'invoicetotal',
                                    label: 'Total',
                                    readOnly: true
                                }
                            ]
                        },
                        {
                            xtype: 'container',
                            flex: 1,
                            layout: 'hbox',
                            items: [
                                {
                                    xtype: 'container',
                                    flex: 1,
                                    items: [
                                        {
                                            xtype: 'button',
                                            itemId: 'CancelInvoice',
                                            ui: 'decline',
                                            text: 'Cancel'
                                        }
                                    ]
                                },
                                {
                                    xtype: 'container',
                                    flex: 1,
                                    items: [
                                        {
                                            xtype: 'button',
                                            ui: 'action',
                                            text: 'Finalize'
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                }
            ]
        }