Richfaces- <rich:Editor> jQuery UI對話框內

Question

我在JQuery UI對話框中使用<rich:editor> ：

    <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>

當我單擊“字體系列”或“字體大小”時，下拉框顯示在屏幕的左上角，而不是對話框內。 （請參見屏幕截圖）如何解決此問題？

屏幕截圖

Answer 1

嘗試在#helpDialog中放入相對div（ <div style="position:relative"/> ）

希望能幫助到你。 阿列克謝