title: JSF - p:tabView - changing tab and previous view still displayed
body: <p>Inside one tab, I can cilck on a button to display an "h:groupPanel". If I do this, and then change the active tab, the groupPanel that has just appeared is still visible, and appears on top of the now current tab.</p>
  
  <p>The code for the tabView is:</p>
  
  <pre><code>&lt;p:tabView dynamic="true" cache="false" id="characterTabView"&gt;
      &lt;p:tab title="View" id="viewTab"&gt;
           &lt;ui:include src="/sections/character/view.xhtml" /&gt;
       &lt;/p:tab&gt;
      &lt;p:tab title="Upgrade" id="upgradeTab"&gt;
          &lt;ui:include src="/sections/character/upgrade.xhtml" /&gt;
      &lt;/p:tab&gt;
  &lt;/p:tabView&gt;
  </code></pre>
  
  <p>The "upgrade" page looks like</p>
  
  <pre><code>&lt;h:panelGroup id="searchCompetencies" rendered="#{characterBean.rightPanel == 'searchResult'}"&gt;
      &lt;h:panelGroup styleClass="characterUpgradeLeft"&gt;
          &lt;ui:include src="/sections/character/searchViewLeft.xhtml" /&gt;
      &lt;/h:panelGroup&gt;
      &lt;h:panelGroup id="competencyCreation" rendered="#{characterBean.rightPanel == 'competencyCreation'}"&gt;
          &lt;!--  The panel that is made visible --&gt;
      &lt;/h:panelGroup&gt;
  </code></pre>
  
  <p> </p>
  
  <p>And the page in which the component is made visible (searchViewLeft):</p>
  
  <pre><code>&lt;p:fieldset legend="Create competency" styleClass="createCompetencyStart"&gt;
      &lt;h:form&gt;
          &lt;p:commandButton value="Create competency" type="button" onclick="toggleCreate()" update="upgradeTab" /&gt;
      &lt;/h:form&gt;
  &lt;/p:fieldset&gt;
  </code></pre>
  
  <p>where "toggleCreate" changes the value of "characterBean.rightPanel".</p>
  
  <p>Would you have any idea as to what I am missing here?</p>
  
  <p>Thanks a lot :)</p>