4 Replies Latest reply on Apr 17, 2013 11:26 AM by gmlussi

    <rich:editor> within <rich:popupPanel> broken in Chrome browser [RF 4.3.1.Final]

    gmlussi

      I'm using Richfaces 4.3.1.Final, and am including a <rich:editor> within a <rich:popupPanel>. This works perfectly within IE (8) and Firefox, but not in Chrome. In Chrome the editor cannot be clicked/typed/edited in, and any attempt to click on a toolbar item or resize the editor results in the following in the console:

       

      Uncaught TypeError: Cannot call method 'getSelection' of undefined

       

      Uncaught TypeError: Cannot read property 'frameElement' of undefined

       

      The following simple test page demonstrates the problem:

       

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich">
      <h:head/>
      <h:body>
          <h:form>
              <a4j:commandButton oncomplete="#{rich:component('popup')}.show()" value="Show Popup" render="popup"/>
              <rich:popupPanel id="popup" autosized="true">
                  <rich:editor id="editor"/>
              </rich:popupPanel>
          </h:form>
      </h:body>
      </html>
      

       

      Interestingly, without the render="popup" attribute, the editor also isn't editable in Firefox (but has no errors in the console), but still works fine in IE....

       

      Can anybody help with this, please? Am I missing anything?

       

      Or, perhaps it is a bug (with richfaces or CKEditor?) that needs raised?

       

      Thanks,

       

      Gavin