RichFaces - <rich:Editor> intérieur dialogue jQuery ui

Question

j'utilise une <rich:editor> dans une boîte de dialogue JQuery UI:

<div id="helpDialog" style="display: none" title="#{messages.help}"> 
    <rich:editor id="helpTextArea" theme="advanced" value="#{helpUtils.test(helpId)}"> 
     <f:param name="theme_advanced_buttons1" value="bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,fontselect,fontsizeselect,|,forecolor,backcolor"/> 
     <f:param name="theme_advanced_buttons2" value=""/> 
     <f:param name="theme_advanced_buttons3" value=""/> 
     <f:param name="theme_advanced_toolbar_location" value="top"/> 
     <f:param name="width" value="90%"/> 
     <f:param name="theme_advanced_toolbar_align" value="left"/> 
    </rich:editor> 

    <p> 
     <button id="editHelpButton">#{messages.edit}</button> 
     <button id="saveHelpButton">#{messages.save}</button> 
    </p> 
</div> 

Lorsque je clique sur « famille de polices » ou « taille de la police » dans la liste déroulante est représentée dans le coin supérieur gauche de l'écran et pas à l'intérieur du dialogue. (voir capture d'écran) Comment puis-je résoudre ce problème?

screenshot

Answer 1

Essayez de mettre à div relative (<div style="position:relative"/>) à l'intérieur #helpDialog

Hope it helps. Alexey.