Hi,
I use Liferay 7.0.3-ga4 with Liferay-Faces (JSF2.2) and PrimeFaces. When a portlet on a page contains a primeface Element such as <p:selectOneMenu> and I navigate to a different page, which does not contain any primeface elements, using the Navigationmenu Portlet from Liferay 7 the items of the selectMenu fragment are displayed on the top of the page (behind the menubar). This happens also with <p:notifiactionbar> and <p:tooltip>
This happens only if I navigate via the Navigationmenu Portlet first to a /web/testpage/main and then to /web/testpage/second. If I type the ULR and directly load the /web/testpage/second ist works. If I look at the Page with the Chrome Dev Tools I see that the navigation does not reload the complete website but only the page div. The <p:selectOneMenu> components append the select items to the body tag and thus they don’t get removed on navigation.
For the most primefaces elements there is an attribute to tell them where to append hidden fragments but I have a big codebase from an old Liferay 6.1 project so that would be a lot of work.
Is there a way to configure a JSF-Portlet to tell the components where to append elements?
Or, is there a way to configure the Navigationmenu Portlet in Liferay 7 to force a complete refresh of the webpage, which would also remove the problem?
For the example code to reproduce the issue I created two JSF-Faces Portelts one with Primefaces and the other without. Each portlet is on a single page with the default (Classic) Theme.
The Primeface Portelt view
<h:body>
<h1>First Page <h:outputtext value="#{myBean.currUrl}" /> </h1>
<h:form>
<h:panelgrid columns="2" style="margin-bottom:10px" cellpadding="5">
<p:outputlabel for="console" value="Basic:" />
<p:selectonemenu id="console" value="#{myBean.console}" style="width:125px">
<f:selectitem itemLabel="Select One" itemValue="" />
<f:selectitem itemLabel="Xbox One" itemValue="Xbox One" />
<f:selectitem itemLabel="PS4" itemValue="PS4" />
<f:selectitem itemLabel="Wii U" itemValue="Wii U" />
</p:selectonemenu>
</h:panelgrid>
</h:form>
</h:body>
The Portlet view without Primefaces
<h:body>
<h1>Page 3 <h:outputtext value="#{myBean.currUrl}" /></h1>
</h:body>
