title: Primefaces dialog close button not working
body: <p>I couldnt find a solution for this issue for 1 day. 
  When I click to close button on dialog, it does nothing. 
  I tried to add modal="false" then It works. But in my situation it should be modal="true",
  to prevent user to click anywhere else on screen. What did I wrong?
  Thanks for your time.</p>
  
  <pre><code>&lt;ui:composition template="/pages/admin/admin.xhtml"
              xmlns="http://www.w3.org/1999/xhtml"
              xmlns:ui="http://java.sun.com/jsf/facelets"
              xmlns:f="http://java.sun.com/jsf/core"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:p="http://primefaces.org/ui"&gt;
  
  &lt;ui:define name="center"&gt;
      &lt;h:form id="form"&gt;
          &lt;p:growl id="msgs" showDetail="true" /&gt;
  
          &lt;p:dataTable id="basicDT" var="user" value="#{userSelectionViewMB.users}"&gt;
              &lt;f:facet name="header"&gt;
                  &lt;p:outputLabel value="#{menu['menu.admin.updateuser.list']}"/&gt;
              &lt;/f:facet&gt;
              &lt;p:column headerText="#{menu['menu.admin.createuser.id']}"&gt;
                  &lt;h:outputText value="#{user.id}" /&gt;
              &lt;/p:column&gt;
              &lt;p:column headerText="#{menu['menu.admin.createuser.name']}"&gt;
                  &lt;h:outputText value="#{user.name}" /&gt;
              &lt;/p:column&gt;
              &lt;p:column headerText="#{menu['menu.admin.createuser.surname']}"&gt;
                  &lt;h:outputText value="#{user.surname}" /&gt;
              &lt;/p:column&gt;
              &lt;p:column headerText="#{menu['menu.admin.createuser.grade']}"&gt;
                  &lt;h:outputText value="#{user.grade}" /&gt;
              &lt;/p:column&gt;
              &lt;p:column style="width:32px;text-align: center"&gt;
                  &lt;p:commandButton update=":form:userDetail" oncomplete="PF('userDialog').show()" icon="ui-icon-search" title="View"&gt;
                      &lt;f:setPropertyActionListener value="#{user}" target="#{userSelectionViewMB.selectedUser}" /&gt;
                  &lt;/p:commandButton&gt;
              &lt;/p:column&gt;
          &lt;/p:dataTable&gt;
  
          &lt;p:dialog header="User Info" widgetVar="userDialog" modal="true" showEffect="fade" closable="true"
                    closeOnEscape="true" hideEffect="fade" resizable="false"&gt;
              &lt;p:outputPanel id="userDetail" style="text-align:center;"&gt;
                  &lt;p:panelGrid  columns="2" rendered="#{not empty userSelectionViewMB.selectedUser}" columnClasses="label,value"&gt;
  
                      &lt;h:outputText value="Id:" /&gt;
                      &lt;h:outputText value="#{userSelectionViewMB.selectedUser.id}" /&gt;
  
                      &lt;h:outputText value="Name" /&gt;
                      &lt;h:outputText value="#{userSelectionViewMB.selectedUser.name}" /&gt;
  
                      &lt;h:outputText value="Surname:" /&gt;
                      &lt;h:outputText value="#{userSelectionViewMB.selectedUser.surname}" /&gt;
  
                      &lt;h:outputText value="Grade" /&gt;
                      &lt;h:outputText value="#{userSelectionViewMB.selectedUser.grade}" /&gt;
                  &lt;/p:panelGrid&gt;
              &lt;/p:outputPanel&gt;
          &lt;/p:dialog&gt;
      &lt;/h:form&gt;
  &lt;/ui:define&gt;
  </code></pre>
  
  <p></p>