Here's what I have:
...
<rich:modalPanel id="addProductLineOptionPanel" minWidth="275" minHeight="175" zindex="200">
<f:facet name="header">
<h:outputText value="Add Option" />
</f:facet>
<f:facet name="controls">
<h:graphicImage value="/img/modal/close.png" style="cursor:pointer" onclick="Richfaces.hideModalPanel('addProductLineOptionPanel')" />
</f:facet>
<h:panelGrid class="workaround">
<a:form id="productLineOptionForm" ajaxSubmit="true" oncomplete="Richfaces.hideModalPanel('addProductLineOptionPanel')" reRender="productLineOptionsTable">
<h:panelGrid columns="2" class="noborder">
<h:outputLabel>Name:</h:outputLabel><h:inputText value="#{productLineOption.name}"/>
<h:outputLabel>Value:</h:outputLabel><h:inputText value="#{productLineOption.value}"/>
</h:panelGrid>
<h:commandButton id="add" value="Add" action="#{productService.addProductLineOption}" />
</a:form>
</h:panelGrid>
</rich:modalPanel>
...
As it is, upon clicking or tabbing into one of the inputText elements found within the modalPanel, no text-style cursor appears indicating that focus has been given. I substituted the
<a:form> for an
<h:form> to eliminate the possibility that this behavior was being caused by ajax4jsf, so it must be coming from modalPanel?
Is this a known issue / are there any workarounds?