title: rich:popupPanel always show scrollbars
body: <p>My JSF form contains a popup panel. The code is here:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:f="http://java.sun.com/jsf/core"&gt;
  
  &lt;h:head&gt;
      &lt;title&gt;Partner Manager&lt;/title&gt;
      &lt;link href="stylesheet/reset.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="stylesheet/style.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link rel="icon" type="image/png" href="images/icons/favicon.png" /&gt;
      &lt;script src="script/script.js" /&gt;
  &lt;/h:head&gt;
  &lt;h:body&gt;
      &lt;h:outputText id="progress_bar" styleClass="progress-bar" /&gt;
      &lt;div id="header"&gt;
          &lt;div class="header-content"&gt;
              &lt;img src="images/logo2.png" /&gt;
              &lt;div class="header-message"&gt;
                  &lt;p class="links"&gt;
                      &lt;a href="#"&gt;Sign Out&lt;/a&gt;
                  &lt;/p&gt;
                  &lt;p class="welcome"&gt;
                      Welcome &lt;label&gt;John Smith&lt;/label&gt; &lt;span&gt;Associate Manger&lt;/span&gt;
                  &lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="container"&gt;
          &lt;h:form&gt;
              &lt;fieldset class="search-area"&gt;
  
                  &lt;rich:calendar value="#{partnerBean.selectedStartDate}"
                      datePattern="yyyy-MM-dd" /&gt;
  
                  &lt;rich:calendar value="#{partnerBean.selectedEndDate}"
                      datePattern="yyyy-MM-dd" /&gt;
  
                  &lt;h:selectOneMenu label="Categories" id="categories"
                      style="width:200px" styleClass="dilevery"
                      value="#{partnerBean.selectedDeliveryMethod}"&gt;
                      &lt;f:selectItem itemLabel="Select Type" itemValue="Select Type" /&gt;
                          &lt;f:selectItem itemLabel="Select Type" itemValue="Select Type" /&gt;
                      &lt;f:selectItem itemLabel="Select Type" itemValue="Select Type" /&gt;
                      &lt;f:selectItem itemLabel="Select Type" itemValue="Select Type" /&gt;
                  &lt;/h:selectOneMenu&gt;
  
                  &lt;a4j:commandButton id="searchButton" value="Search"
                      onbegin="showProgressBar();" oncomplete="hideProgressBar();"
                      render="@form,tableDv,transactionTable"
                      action="#{partnerBean.searchPartnersTransactions}"
                      styleClass="search-btn" /&gt;
  
                  &lt;a4j:commandLink href="#" styleClass="add-teller"
                      title="Add Partner"&gt;Add Partner
                      &lt;rich:componentControl target="popup" operation="show" /&gt;
                  &lt;/a4j:commandLink&gt;
              &lt;/fieldset&gt;
  
              &lt;div class="tableDv"&gt;
                  &lt;rich:dataTable id="transactionTable"
                      value="#{partnerBean.partnerTransactions}" var="transaction"&gt;
  
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="Date of Transaction" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{transaction.dateOfTransaction}" /&gt;
                      &lt;/rich:column&gt;
  
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="Transaction ID" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{transaction.transactionID}" /&gt;
                      &lt;/rich:column&gt;
  
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="Recipient name" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{transaction.recipientName}" /&gt;
                      &lt;/rich:column&gt;
  
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="Amount Sent" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{transaction.amountSent}" /&gt;
                      &lt;/rich:column&gt;
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="Recipient's Phone No" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{transaction.recipientPhoneNumber}" /&gt;
                      &lt;/rich:column&gt;
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="Sender's name" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{transaction.senderName}" /&gt;
                      &lt;/rich:column&gt;
  
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="Type of Delivery Method" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{transaction.typeOfDelivery}" /&gt;
                      &lt;/rich:column&gt;
  
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="Partner Fee" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{transaction.partnerFee}" /&gt;
                      &lt;/rich:column&gt;
  
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="Status of Transfer" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{transaction.statusOfTransfer}" /&gt;
                      &lt;/rich:column&gt;
                  &lt;/rich:dataTable&gt;
              &lt;/div&gt;
  
              &lt;h:panelGroup layout="block" id="container" style="overflow:scroll"&gt;
                  &lt;rich:popupPanel id="popup" modal="true" autosized="true"
                      resizeable="false" domElementAttachment="form"
                      followByScroll="true"&gt;
                      &lt;f:facet name="header"&gt;
                          &lt;h:outputText value="Process Teller Transaction" /&gt;
                      &lt;/f:facet&gt;
                      &lt;f:facet name="controls"&gt;
                          &lt;h:outputLink value="#"
                              onclick="#{rich:component('popup')}.hide(); return false;"&gt;
                          x
                       &lt;/h:outputLink&gt;
                      &lt;/f:facet&gt;
                      &lt;div id="container"&gt;
                          &lt;fieldset class="add-form"&gt;
                              &lt;legend&gt;Add Account&lt;/legend&gt;
  
                              &lt;p class="choose-type"&gt;
                                  &lt;label&gt;Account Type :&lt;/label&gt; &lt;select class="account-type"&gt;&lt;option&gt;Partner&lt;/option&gt;&lt;/select&gt;
                              &lt;/p&gt;
                              &lt;p&gt;
                                  &lt;label&gt;Partner Name :&lt;/label&gt;&lt;input type="text"
                                      value="Enter Partner Name" class="partner-name" /&gt;
                              &lt;/p&gt;
                              &lt;p&gt;
                                  &lt;label&gt;Email Address :&lt;/label&gt;&lt;input type="text"
                                      value="Enter Email Address" class="email-fld" /&gt;
                              &lt;/p&gt;
                              &lt;p&gt;
                                  &lt;label&gt;Address :&lt;/label&gt;&lt;input type="text"
                                      value="Enter Postal Address" class="address-fld" /&gt;
                              &lt;/p&gt;
                              &lt;p&gt;
                                  &lt;label&gt;City :&lt;/label&gt;&lt;select class="city-fld"&gt;&lt;option&gt;Select
                                          City&lt;/option&gt;&lt;/select&gt;
                              &lt;/p&gt;
                              &lt;p&gt;
                                  &lt;label&gt;Partner Limit :&lt;/label&gt;&lt;select class="limit-fld"&gt;&lt;option&gt;Select
                                          Limit&lt;/option&gt;&lt;/select&gt;
                              &lt;/p&gt;
                              &lt;p&gt;
                                  &lt;input type="submit" value="Create Account" class="search-btn" /&gt;
                              &lt;/p&gt;
  
                          &lt;/fieldset&gt;
                      &lt;/div&gt;
                  &lt;/rich:popupPanel&gt;
              &lt;/h:panelGroup&gt;
          &lt;/h:form&gt;
      &lt;/div&gt;
  
      &lt;div id="footer"&gt;
          &lt;div class="footer-content"&gt;
              &lt;div class="footer-liks"&gt;
                  &lt;a href="#"&gt;Home&lt;/a&gt; | &lt;a href="#"&gt;Company Profile&lt;/a&gt; | &lt;a href="#"&gt;Partner's&lt;/a&gt;
                  | &lt;a href="#"&gt;Survey&lt;/a&gt; | &lt;a href="#"&gt;Jobs&lt;/a&gt; | &lt;a href="#"&gt;Press&lt;/a&gt;
                  | &lt;a href="#"&gt;Contact Us&lt;/a&gt; &lt;span&gt;Copyright © 2012
                      CoinFling.com. All rights reserved. &lt;a href="#"&gt;Privacy Policy&lt;/a&gt;
                      - &lt;a href="#"&gt;Terms of Service&lt;/a&gt;
                  &lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/h:body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The popup shows. However, if the content is too large, then the scrollbars do not appear. How do I let the scrollbars always appear when it's required?</p>