Primefaces 5.0 selectOneMenu не работает

Я использую Primefaces 5.0 в своем веб-приложении Java. Он не показывает раскрывающийся список элементов при нажатии. Однако, когда я добавляю panelStyle="display:block" список элементов отображается, но не сворачивается. Он остается расширенным. Как это исправить?

<h:form id="adddisjointcat">
        <h:panelGrid cellpadding="5" columns="2" > 
            <h:outputLabel for="adddisjointcat" value="Select Category:" /> 
             <p:selectOneMenu id="adddisjointcat" value="#{addDisjointCategory.categoryName}" effect="fold" panelStyle="display:block; width:300px; margin-left:248px; margin-top:-254px;">
                  <f:selectItem itemLabel="Select One" itemValue="" />
                  <f:selectItems value="#{addDisjointCategory.classes}" />
             </p:selectOneMenu>
       </h:panelGrid>
       <p:growl id="growl" life="2000"/>
      <p:commandButton value="ADD" id="adddisjointCategory" actionListener="#{addDisjointCategory.buttonAction}" update="growl" icon="ui-icon-seek-next" ajax="false" />
</h:form>

Я использую шаблон начальной загрузки в своем приложении. Интересно, имеет ли это какое-то отношение к этой проблеме (переопределение CSS).

Также это отлично работает с h: selectOneMenu, только с p: selectOneMenu возникает проблема.

Любая помощь в решении проблемы приветствуется.