jsf - Primefaces selectBooleanCheckbox が正しい位置に表示されない

Question

以下のコードのように、2 つのチェックボックスを含むポップアップ ウィンドウを表示するダイアログがあります。1 つ目はチェックされ、2 つ目はチェックされていません。

<h:panelGrid columns="2" columnClasses="label-container,field-container">
    <p:selectBooleanCheckbox value="true" />
    <h:outputText value="EDIT SHEETS" />

    <p:selectBooleanCheckbox value="false" />
    <h:outputText value="EDIT OTHERS" />
</h:panelGrid>

しかし、最初のフック シンボルはチェックボックスの中央にありませんでした。どこをクリックしても、シンボルが突然正しい位置に表示されます。

これはどのように発生し、どうすれば解決できますか?