primefaces：对话框中的outputpanel无法放入scrollPanel

Question

我有复杂的对话框，其中是p：scrollPannel，当我向下滚动到底部时，最后一个组件不适合模态窗口。

这是我的代码：

<p:dialog header="Edit Invoice" 
      widgetVar="changeInvoiceDialog" 
      showEffect="clip"
      hideEffect="fold" 
      id="paidDialog" 
      minHeight="200"
      minWidth="200"
      appendToBody="true">
<h:form id="payInvoiceForm">
    <h:panelGrid cellpadding="5">
        <p:selectOneRadio id="payment" value="#{newPayment.paymentType}" >
            <f:selectItem itemLabel="Paid by Credit Card" itemValue="CARD"/>
            <f:selectItem itemLabel="Paid by Check" itemValue="CHECK"/>
            <f:selectItem itemLabel="Paid by Wire" itemValue="WIRE"/>
            <p:ajax update="done paymentType"/>
        </p:selectOneRadio>
        <h:panelGrid columns="2" rendered="#{newPayment.isPurchaseOrder(invoiceViewer.currentInvoice.payment) == false}">
            ...
        </h:panelGrid>
        <p:outputPanel id="paymentType">
// here is the problem
            <p:scrollPanel rendered="#{newPayment.paymentType == 'CARD'}" style="height:200px">
                <nm:outputCreditCardInformation />
                <nm:outputBillingAddressInformation contact="#{invoiceViewer.currentInvoice.contact}"/>
            </p:scrollPanel>
            <h:panelGrid columns="2" rendered="#{newPayment.paymentType == 'CHECK' or newPayment.paymentType == 'WIRE'}">
                ...
            </h:panelGrid>
        </p:outputPanel>
        <f:facet name="footer">
            <p:commandButton id="done" .../>
        </f:facet>
    </h:panelGrid>
</h:form>
</p:dialog>

以下是它的外观。

知道怎么解决吗？ 感谢。