The JSF <h:commandButton>
component generates a HTML <input type="submit">
element which performs by default a synchronous form submit which has as consequence a full page reload and thus a full change of the HTML document.
This is fully expected behavior. You want an asynchronous (ajax) form submit instead. This way the HTML document remains the same. In order to achieve that, just nest a <f:ajax>
inside the <h:commandButton>
.
<h:commandButton ...>
<f:ajax execute="@form" render="@form" />
</h:commandButton>