タイトルバーの内容クローム

Question

のExt JSで目に見えない/空白になります：版6.5.2.463テーマ - 古典（6.2.1.167） ブラウザ：クロームバージョン62.0.3202.94（64） OS：ウィンドウ10（64）

数日前私はいつものようにアプリケーションを起動しますが、Chromeで折りたたんだパネルを開いたときに、タイトルバーのテキストが空白になっていたときに不愉快な動作が発生しました。私はそこでうまく動作していた別のブラウザで試しました。 別のマシンで試してみましたが、うまくいきました。しかし、他のマシンのChromeが更新されるときにも同じ問題が発生します。 Ext JSのバージョンを6.2.1.167（Classic）から6.5.2.463（Classic）に更新しましたが、問題はそのまま残ります。 フィドルに類似のUIを作成し、リンクが添付されています。それを確認することができます。 https://fiddle.sencha.com/#fiddle/2acg&view/editor 他に誰も同じ問題に直面していますか？ 問題を再現するには 1.フィドルへのリンクを開きます。 2.展開ボタンをクリックすると、タイトルバーの内容が表示されます。 3.折り畳みをクリックしてから今すぐ展開してコンテンツが消えます。

スクリーンショットも添付されています。 title bar is blank there

Answer 1

あなたはcollapseModeのコードファイルでこの設定collapseModeともにかかわらず、移動する必要があります。

このFIDDLEの中で私はあなたのコードを使用し、要件に応じていくつかの変更を加えました。これがあなたを助けたり、あなたの問題を解決するためにあなたを導くことを願っています。

Ext.create('Ext.panel.Panel', { 
    plugins: 'viewport', 
    title: 'ViewPort Title', 
    layout: 'fit', 
    tbar: [{ 
     xtype: 'button', 
     text: 'Expand', 
     handler: function() { 
      var panel = this.up('panel').down('#bottomPanel'); 
      panel.collapseMode = undefined; 
      panel.expand(); 
     } 
    }, { 
     xtype: 'button', 
     text: 'Collapse', 
     handler: function() { 
      this.up('panel').down('#bottomPanel').collapse(); 
     } 
    }], 
    items: [{ 
     xtype: 'container', 
     layout: 'border', 
     items: [{ 
      xtype: 'panel', 
      title: 'Center Panel Title', 
      region: 'center', 
      html: 'Sample center panel text' 
     }, { 
      xtype: 'panel', 
      itemId: 'bottomPanel', 
      title: 'Bottom Panel Title', 
      region: 'south', 
      height: 150, 
      collapsible: true, 
      collapseMode: 'mini', 
      collapsed: true, 
      layout: 'fit', 
      items: [{ 
       xtype: 'panel', 
       html: 'Sample bottom inner panel text' 
      }] 
     }] 
    }] 
});