I have a dataTable with cell editing enabled. When editing I would like to navigate through table content with tab key. The problem is when the focus is on a selectOneMenu column. When tab key is pressed to navigate from selectOneMenu cell onto the next cell, tab navigation stops (focus is simply lost).
Any idea how to solve this problem?
My code:
<p:dataTable id="tblElement" var="eltItem" value="#{bean.elementList}" binding="#{bean.dtElements}" editable="true" editMode="cell" rowKey="#{eltItem.id}" resizableColumns="true" >
<p:column headerText="Key" toggleable="false">
<p:cellEditor>
<f:facet name="output">
<h:outputText value="#{eltItem.key}" />
</f:facet>
<f:facet name="input">
<p:inputText value="#{eltItem.key}" />
</f:facet>
</p:cellEditor>
</p:column>
<p:column headerText="Type" >
<p:cellEditor>
<f:facet name="output">
<h:outputText value="#{eltItem.dataType.code}" />
</f:facet>
<f:facet name="input">
<p:selectOneMenu value="#{eltItem.dataType}" converter="myConverter" >
<f:selectItems value="#{bean.dataTypeList}" var="dt" itemLabel="#{dt.code}" itemValue="#{dt}" />
</p:selectOneMenu>
</f:facet>
</p:cellEditor>
</p:column>
<p:column headerText="Path" >
<p:cellEditor>
<f:facet name="output">
<h:outputText value="#{eltItem.path}" />
</f:facet>
<f:facet name="input">
<p:inputText value="#{eltItem.path}" />
</f:facet>
</p:cellEditor>
</p:column>
</p:dataTable>
Using PF 5.1.