为什么最后一个菜单项包含在最后一个子菜单中，尽管它在它之外？

Question

我在Primefaces（6）可切换菜单展示中添加了一个menuitem：

<p:menu toggleable="true">
 <p:menuitem value="Test" icon="ui-icon-disk" />
    <p:submenu label="Ajax">
        <p:menuitem value="Save" icon="ui-icon-disk" />
        <p:menuitem value="Update" icon="ui-icon-arrowrefresh-1-w"/>
    </p:submenu>
    <p:submenu label="Non-Ajax">
        <p:menuitem value="Delete" ajax="false" icon="ui-icon-close"/>
    </p:submenu>
    <p:submenu label="Navigations">
        <p:menuitem value="External" url="http://www.primefaces.org" icon="ui-icon-home"/>
    </p:submenu>
    <p:menuitem value="Test" icon="ui-icon-disk" />
</p:menu>

为什么最后一个项目“测试”会在最后一个子菜单“导航”中折叠？ 我希望它能留在外面，就像第一个“测试”菜单项一样：

Expanded

Collapsed