1

オンラインの情報が見つからないという奇妙な問題。

Sencha Touch 2 でこのようなレイアウトを作成すると:

Ext.define("MyApp.view.Sample", {
    extend: 'Ext.Container',
    config :
    {
        layout : 'fit',
        scrollable : false,
        items : 
        [
        {
            xtype : 'container',
            docked : 'top',
            html: '<div>Stuff</div>'
        },
        {
            xtype : 'container',
            scrollable : true,
            html: '<div> Bunch of Stuff here that takes a lot of vertical space </div>'

        }
        ]
    },
});

ほとんどの場合、すべてが私が望むように機能しているようです。最初の項目の内容はドッキングされて画面の上に固定され、2 番目の項目の背の高いコンテンツはスクロール可能です。ただし、テストでは、上下にすばやくスクロールして項目をクリックすると、スクロールが「中断」することがあり、2 番目の項目がその上部の場所を忘れているように見えます。一番上までスクロールすると、2 番目の項目のコンテンツの上部が切り取られます。興味深いことに、2 番目のアイテムの下部にカットオフの高さに等しい空白の塊が追加されているようです。

この動作を引き起こすために何が間違っている可能性がありますか? 私が言ったように、毎回起こるわけではありませんが、通常は 4 ～ 5 回の試行で再現できます。

ご覧いただきありがとうございます。

更新: より多くのテストを通じて、これは何らかの形でブラウザ ウィンドウのサイズ変更に関連付けられているように見えます - おそらくスクロール アニメーションがまだ進行中です。また、これが発生したときに、これが Chrome コンソール ログにポップアップしたことは確かです。

Uncaught TypeError: Cannot read property 'dom' of null      Abstract.js:85
Ext.define.doSetHidden                                      Abstract.js:85
Ext.define.doSet                                            Evented.js:63
Ext.define.doFire                                           Controller.js:197
Ext.define.fire                                             Controller.js:124
Ext.define.doDispatchEvent                                  Dispatcher.js:341
Ext.define.dispatchEvent                                    Dispatcher.js:322
Ext.define.doFireEvent                                      Observable.js:235
Ext.define.fireAction                                       Observable.js:224
(anonymous function)                                        Evented.js:32
Ext.define.hide                                             Component.js:1682
Ext.define.doHideIndicators                                 View.js:225
method                                                      sencha-touch.js:3127
4

0 に答える 0