Tenho o seguinte código abaixo que só seta o focu se eu retirar as tags: ui:Composition e ui:define. Alguem poderia me ajudar?
<?xml version="1.0" encoding="UTF-8"?><ui:composition template="commonLayout.xhtml">
<ui:define name="content">
<h:body onload="document.getElementById('Pais:campo-pais').focus()">
<h:form id="Pais">
<h:inputHidden value ="#{paisControlador.pais.id}"/>
<fieldset style="width:750px; height:200px; text-align:left">
<legend>Cadastro de Paises</legend>
<br></br>
<h:panelGrid columns ="2">
<h:outputLabel value ="Nome do país:" for ="campo-pais"/>
<h:inputText value="#{paisControlador.pais.pais}" id="campo-pais">
</h:inputText>
<h:commandButton value ="Adicionar" action ="#{paisControlador.adicionaPais}" execute="@form"/>
</h:panelGrid >
<br></br>
<h:messages layout="table" errorStyle="color: red"
infoStyle="color: green" warnStyle="color: orange" fatalStyle="color: gray"/>
</fieldset>
</h:form>
</h:body>
</ui:define>
</ui:composition>
</html>