user-interface - 編集可能なSelectOneMenueに焦点を当てない

Question

フォームにselectOneMenuがあります。このコンポーネントは編集可能です。コンポーネントによってselectOneMenuにフォーカスを合わせると、<tab>編集できません。値を変更するには、ボックスをクリックする必要があります。ドロップダウンリストは、Enterイベントでも開かれません。ドロップダウンボタンをクリックする必要があります...ここにいくつかのコードスニペットがあります：

                <p:selectOneMenu value="#{hoursView.selectedHourlyRate}"
                    id="hourlyRate" editable="true" scrollHeight="250"
                    validatorMessage="#{msg.valHourlyRate}"
                    converterMessage="#{msg.conHourlyRate}"
                    converter="doubleConverter" style="width:50%">
                    <f:selectItems value="#{hoursView.hourlyRateList}" id="test"
                        var="hourlyRate" itemLabel="#{hourlyRate.valueOut()}"
                        itemValue="#{hourlyRate.value}" />
                </p:selectOneMenu>

焦点を合わせてコンポーネントの値を編集するにはどうすればよいです<tab>か？