ExtJS borderlayout中移动拆分器的奇怪行为

我有一个带有边框布局的视口。在中部和西部之间有一个分裂体。当我向右移动拆分器时，它会得到一个新的位置，但它会扰乱我的整个布局：

在移动之前，它看起来是这样的：

移动后，而不是移动时！，拆分器是隐藏的，仅当我将鼠标悬停在新位置上时才可见。看右边-有一个新的多余边距：

当我将拆分器向左移动几个像素时，新布局被正确应用

如果你需要代码，这里我有一个面板和边框布局。如果你需要更多，我会马上提供

Ext.define'MyApp.view.Main'{ 扩展：“Ext.container.container”， 需要：[//。。。 ], 布局：{type:'border'}， 项目：[{ 地区：'北'， 身高：50， 可折叠：错误， frameHeader:false， html: },{ 地区：'西部'， xtype:'面板'， 标题:"西部",， 可折叠的：是的， 可调整大小：正确， 框架：对， 边界：错， 宽度：250， 布局：“适合”， 工具：[/。。。 ], 项目：[{ xtype:“工作列表” }] },{ 地区：'中心'， 标题:"中",， xtype:“中心视图” }] };

---

感谢@Evan Trimboli，我用split:true替换了resizeable:true，这有助于解决另一个问题

问题的真正原因在于centerView：

Ext.define'MyApp.view.CenterView'{ 扩展：“Ext.tab.Panel”， 别名：“widget.centerView”， enableTabScroll:true， 布局：“适合”，

---

//约束：true，删除可调整大小的：true并将其替换为split:true。谢谢@Evantimboli-你帮助了我！