javascript - primefaces 嵌套的 tabview 和选项卡，无法滚动选项卡

Question

我正在尝试使用 primefaces tabview，如果我们将此 tabView 用作嵌套 tabView，那么我们将无法在第二个 tabView 中滚动选项卡，例如，如果 tabview 中有很多选项卡，我们将无法在第二个/第三个 tabView 中滚动。

下面是我的代码:

    <p:tabView scrollable="true">
    <p:tab title="Tab 1">
        aaaaaaaaa
    </p:tab>
    <p:tab title="Tab 2">
        <p:panel>
            <p:tabView scrollable="true">
                <p:tab title="Tab 1">Tab 1 Content</p:tab>
                <p:tab title="Tab 2">
                    <p:panel>
                        <p:tabView scrollable="true">
                            <p:tab title="Tab 1">Tab 1 Content</p:tab>
                            <p:tab title="Tab 2">Tab 2 Content</p:tab>
                            <p:tab title="Tab 3">Tab 3 Content</p:tab>
                            <p:tab title="Tab 4">Tab 4 Content</p:tab>
                            .
                            .
                            .
                            <p:tab title="Tab 25">Tab 25 Content</p:tab>               
                        </p:tabView>
                    </p:panel>
                </p:tab>
                <p:tab title="Tab 3">Tab 3 Content</p:tab>
                <p:tab title="Tab 4">Tab 4 Content</p:tab>
                <p:tab title="Tab 5">Tab 5 Content</p:tab>
                .
                .
                .
                <p:tab title="Tab 25">Tab 25 Content</p:tab>               
            </p:tabView>
        </p:panel>
    </p:tab>
    <p:tab title="Tab 3">Tab 3 Content</p:tab>
    <p:tab title="Tab 4">Tab 4 Content</p:tab>
    .
    .
    .
    <p:tab title="Tab 25">Tab 25 Content</p:tab>               
</p:tabView>

Answer 1

同时，这似乎已在 Primefaces 5.3 版(2015 年 10 月)中得到修复。

我可以用 5.2 版重现它。

如果空间太小，5.3 版会添加滚动控件以在初始呈现时显示所有选项卡。如果最初不可见，版本 5.2 不适用于嵌套的 tabView。

从 6.2 版开始，滚动功能有了额外的增强，并在调整视口(viewport)大小时激活/停用控件。