Comment faire pour supprimer la barre de défilement dans PrimeFaces dialogue?

J'ai ajax chargement de dialogue modale dans ma webapp:

<p:dialog widgetVar="statusDialog" modal="true" draggable="false" minimizable="false" appendToBody="true"
    closable="false" header="Processing..." resizable="false" maximizable="false" style="overflow:hidden !important; overflow-x: hidden !important; width:auto;">  
     <p:graphicImage library="assets" name="ajax-loader.gif" style="overflow:hidden !important; overflow-x: hidden !important;"></p:graphicImage> 
</p:dialog>
<p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>

Peu importe ce que les styles CSS (j'ai essayé diverses combinaisons de débordement/overflow-x, etc) - je l'utiliser s'affiche toujours à l'horizontale (verticale est caché, pas de problèmes là-bas) de la barre de défilement. J'ai aussi joué avec appendToBody attribut.

J'ai besoin de désactiver la barre de défilement horizontale.

EDIT: c'est le rendu au format HTML par PrimeFaces

<div id="j_idt18" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-shadow ui-overlay-hidden" style="overflow: hidden; width: auto; height: auto; left: 832px; top: 210px; visibility: hidden; z-index: 1003; display: block;" role="dialog" aria-labelledby="j_idt18_title" aria-hidden="true" aria-live="off">
<div class="ui-dialog-titlebar ui-widget-header ui-helper-clearfix ui-corner-top">
<span id="j_idt18_title" class="ui-dialog-title">Processing...</span>
</div>
<div class="ui-dialog-content ui-widget-content" style="height: auto;"><img id="j_idt19" src="/webapp/do/javax.faces.resource/ajax-loader.gif?ln=assets" alt="">
</div>
</div>

J'ai été en mesure de se débarrasser de la barre de défilement en substituant la boîte de dialogue par défaut CSS dans ma propre feuille de style:

.ui-dialog-content {
    overflow: hidden !important;
}

Toutefois, cela affecte toutes les boîtes de dialogue, pas seulement l'ajax chargement. Je veux être en mesure de remplacer ce style sur chaque boîte de dialogue. Comment dois-je faire?

Et vous vous avez essayé ces styles?overflow-y: scroll; overflow-x: hidden; et aussi essayer vice-versa.
J'ai essayé "overflow-y: scroll" - affiche la barre de défilement verticale. Essayé "overflow-x: hidden;", il ne cache pas de barre de défilement horizontale.
Voir si ce lien permet de social.technet.microsoft.com/Forums/en/...
et aussi voir si l'une des réponses à partir de ce liens fonctionnent pour vous bugs.jqueryui.com/ticket/3623
iframe truc n'a pas fonctionné. Je ne veux pas commencer à changer JQuery source - c'est la façon de le hacky et lié à casser à chaque fois que je l'ai mise à niveau de PrimeFaces. J'ai ajouté le rendu HTML en question

OriginalL'auteur rootkit | 2013-02-22

  1. 6

    En vous statusDialog de dialogue ajouter styleClass="disable-scroll".

    Aussi, créez une règle CSS pour cela:

    .disable-scroll .ui-dialog-content {
  overflow: hidden !important;
}

    Cette volonté d'appliquer le style CSS pour toutes les boîtes de dialogue avec cette classe personnalisée.

    OriginalL'auteur partlov