PrimeFaces selector which includes inputs of components with hidden input fields - primefaces

Question

I would like to use PrimeFaces Selectors to process all input components in a certain group, which includes several p:rating fields.
I minimized my use case to, XHTML:
<h:form>
<h:panelGroup styleClass="myGroup">
<p:rating value="#{myBean.rating}"/>
<p:commandButton value="Save"
process="#(.myGroup :input)"
action="#{myBean.save()}"/>
</h:panelGroup>
</h:form>
Bean:
#Named
#ViewScoped
public class MyBean implements Serializable {
private Integer rating; // Getter and setter are present
public void save() {
System.out.println("Rating: " + rating);
}
}
With the above selector the rating is not processed. If I change the component to p:inputText, it is working. If I remove the process attribute, it is also working. I assume this has to do with the hidden input p:rating is using for its value.
My question: can you create a PrimeFaces selector which includes the inputs of components with hidden input fields?

Answer 1

:hidden is a special Jquery selector not part of CSS.
See: https://api.jquery.com/hidden-selector/
So change your selector to:
#(.myGroup :input :hidden)
However I doubt it's a big deal in your case but make sure to read the "Additional Notes" section in the jQuery :hidden documentation.
An alternative which works as well in your case is using p:fragment:
<h:form>
<p:fragment>
<p:rating value="#{myBean.rating}"/>
<p:commandButton value="Save"
action="#{myBean.save()}"/>
</p:fragment>
</h:form>