Непрозрачность фона диалога Primefaces удваивается, когда действие не выполняется в диалоге

У меня есть страница модального диалога, который отображается, если пользователь нажимает кнопку редактирования. Диалог запрашивает имя пользователя и пароль и имеет кнопку отправки. Если имя пользователя и пароль не подтверждаются, то выводится ошибка.

Проблема заключается в том, что если имя пользователя и пароль не проходят проверку подлинности, модальный фон темнеет все больше и больше каждый раз, когда проверка подлинности не проходит.

Что может быть причиной этого?

<p:dialog id="dialog" header="Login To Edit" widgetVar="dialog" visible="#{fundingBacker.loginVisible}" modal="true" 
    resizable="false" closable="false" draggable="true" rendered="#{!userBean.loggedIn}">
    <h:form>

        <p:ajaxStatus style="width:16px;height:16px;">
            <f:facet name="start">
                <p:graphicImage value="../images/loading4.gif" />
            </f:facet>
            <f:facet name="complete">
                <h:outputText value="" />
            </f:facet>
        </p:ajaxStatus>

        <p:messages autoUpdate="true" showDetail="true" />

        <h:panelGrid columns="2" cellpadding="5">

            <h:outputLabel for="lanId" value="LanID:" />
            <p:inputText value="#{currentUser.lanID}" id="lanId" required="true" label="lanId" requiredMessage="Lan ID is required" />

            <h:outputLabel for="password" value="Password:" />
            <p:password value="#{currentUser.password}" id="password" required="true" label="password" feedback="false" requiredMessage="Password is required" />

            <p:commandButton id="loginButton" value="Login" type="submit" styleClass="primaryButton" action="#{currentUser.performLogin}" update="dialog"/>

        </h:panelGrid>
    </h:form>
</p:dialog>