有没有办法让选项卡面板中的选项卡可以在ExtJS6中设置tabBarHeaderPosition进行滚动？

如果选项卡面板的选项卡太多，则会显示一个小滚动条，以便您可以滚动选项卡，请参阅

如果我将选项卡从fiddle移动到标题uncomment tabBarHeaderPosition:1中，滚动条将不再显示

---

有没有一种方法可以使选项卡在标题内滚动？

为选项卡栏设置一个flex似乎有效。另外，将flex添加到标题可以为选项卡栏提供更多空间

Ext.create('Ext.tab.Panel', {
    width: 400,
    height: 400,
    activeTab: 2,
    renderTo: document.body,
    title: {
        text: 'Title',
        flex: .2
    },
    tabBarHeaderPosition: 1,
    tabBar: {
        flex: .8
    },
    items: [{
        title: 'Foo'
    }, {
        title: 'Bar'
    }, {
        title: 'some tab'
    }, {
        title: 'another tab'
    }, {
        title: 'tab 1'
    }, {
        title: 'final tab'
    }, {
        title: 'Foo'
    }, {
        title: 'Bar'
    }, {
        title: 'some tab'
    }, {
        title: 'another tab'
    }, {
        title: 'tab 1'
    }, {
        title: 'final tab'
    }]
});