I am trying to use a rich:editor in a rich:popupPanel on my website. The rich:editor is working fine in the desktop browsers but is not working on Safari on an iPad. Can any one suggest me why and the modifications i have to make to make it work on iPad . Below is the related code . Any help is really appreciated . I need it to function as a normal WYSIWYG editor . It is being rendered as an inputTextarea . I am using Rich Faces 4.2.3 Final
<rich:popupPanel id="mpnotification" modal="false" autosized="true"
domElementAttachment="parent" >
<f:facet name="header">Message of the Day</f:facet>
<f:facet name="controls">
<h:panelGroup>
<h:graphicImage value="/images/icons/ico_close.gif"
styleClass="hidelink" >
<rich:componentControl target="mpnotification"
action="#{commonController.hideNotification}"
operation="hide" event="click" />
</h:graphicImage>
</h:panelGroup>
</f:facet>
<h:inputHidden value="#{commonController.popupShown}" />
<rich:editor id="notifyEditor" toolbar="custom"
readonly="#{commonController.notifyReadOnly}"
height="350" width="750"
value="#{commonController.notificationMessage}"
rendered="#{commonController.showNotificationEditor}">
<f:facet name="config">
#{commonController.notifyToolbarConfig}
</f:facet>
</rich:editor>
<div align="center">
<a4j:commandButton value="Update"
rendered="#{!commonController.notifyReadOnly}"
action="#{commonController.updateNotification}" >
<a4j:ajax execute="@form"
oncomplete="#{rich:component('mpnotification')}.hide()" />
</a4j:commandButton>
<a4j:commandButton id="notifyclose" value="Close"
execute="@this"
immediate="true"
action="#{commonController.hideNotification}"
oncomplete="#{rich:component('mpnotification')}.hide()"
render="notifyEditor,pnotify" >
</a4j:commandButton>
</div>
</rich:popupPanel>