ExtJS borderlayout의 이상한 동작 이동 스플리터

Question

Borderlayout이있는 뷰포트가 있습니다. center과 west 사이에는 스플리터가 있습니다. 나는 오른쪽으로 스플리터를 이동하면 새로운 위치를 가져옵니다,하지만 내 전체 레이아웃 스크램블 : 그것은 다음과 같다 이동하기 전에

를 (! 이동하면서하지 않음) 이동 한 후

, 스플리터를 "숨김"이며 새 위치 위로 마우스를 가져 가면 표시됩니다. 오른쪽을보세요. 새로운 원치 않는 여백이 있습니다 :

스플리터를 왼쪽 (몇 픽셀)으로 움직이면 새로운 레이아웃이 올바르게 적용됩니다.

코드가 필요한 경우 여기에 border-layout이있는 패널이 있습니다. 더 필요한 것이 있으면 즉시 제공하겠습니다. @Evan Trimboli에

Ext.define('MyApp.view.Main', { 
extend: 'Ext.container.Container', 
requires: [ // ... 
], 
layout: {type: 'border'}, 
items: [{ 
     region: 'north', 
     height: 50, 
     collapsible: false, 
     frameHeader: false, 
     html: '<a href="/">Main</a>' 
    },{ 
     region: 'west', 
     xtype: 'panel', 
     title: 'west', 
     collapsible: true, 
     resizable: true, 
     frame: true, 
     border: false, 
     width: 250, 
     layout: 'fit', 
     tools: [ // ... 
     ], 
     items: [{ 
      xtype: 'workoutlist' 
     }] 
    },{ 
     region: 'center', 
     title: 'center', 
     xtype: 'centerView' 
}] 

}); 

Answer 1

덕분에 나는 또 다른 문제에 도움이 split: true으로 resizable: true를 교체했습니다.

문제의 진짜 원인은 centerView에 있었다 : 나는 옵션 constrain: true이 뷰 (아마 바보 복사 및 붙여 넣기 오류)에 온 방법을 모르는

Ext.define('MyApp.view.CenterView', { 
    extend: 'Ext.tab.Panel', 
    alias: 'widget.centerView', 
    enableTabScroll: true, 
    layout: 'fit', 
    // constrain: true, <-- this configuration option caused the weird behaviour 
    autoShow: true, 

    // ... 

}); 

. 없으면 매력처럼 작동합니다.