Can't access flyout menus in Rich Text editor if the field is on a popup (IE 11 only)

  • 1
  • Problem
  • Updated 3 years ago
We can't access flyout menus (like font color for example) if the Rich Text field is on a popup (in the IE 11 browser but it works in chrome and firefox). The Rich Text editor works in IE 11 if the field is not on a popup.
Photo of David Simon

David Simon

  • 102 Points 100 badge 2x thumb

Posted 3 years ago

  • 1
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
David.  We have seen the Rich Text menu in the builder "freeze"  I've seen this happen in Chrome as well.  The only solution I've found so far is to save the page and reload - which refreshes the Javascript.   Once the refresh has happened the flyout menus should work - even in IE... 
Photo of David Simon

David Simon

  • 102 Points 100 badge 2x thumb
I should have noted that this is a salesforce RT field that I am displaying in the popup -- not a skuid component.
Photo of David Simon

David Simon

  • 102 Points 100 badge 2x thumb
Rob, thanks for the quick reply.  The flyout menus like for font color, font size, etc. don't freeze, they flash for a split second and go away.  You can't get to them to select anything.  This ONLY happens on popups.  I tried the save/reload to no success.  I should have noted that this is a salesforce RT field that I am displaying in the popup -- not a skuid component.
(Edited)
Photo of Chandra V

Chandra V, Champion

  • 6,966 Points 5k badge 2x thumb
Rob - this problem that my co-worker David reported sounds like a similar problem here: https://community.skuidify.com/skuid/topics/rich-text-area-field-does-not-work-in-popup

Bascially, we created Salesforce rich text fields on an object.  The user can't use the rich text functions in IE when accessing the field on a Skuid page pop up.  The Salesforce native layout is ok, this is just a problem in  the skuid RTE.
Photo of David Simon

David Simon

  • 102 Points 100 badge 2x thumb
More info.  This old post from ckeditor seems to explain the issue perfectly. (https://dev.ckeditor.com/ticket/7175)
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
Thanks for digging on that David.  I'm thinking that's not exactly the issue - as it relates to showModalDialog  which we are not using.. 
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
We've confirmed this bug and added it to our backlog.  The CKEditor product gets lots of ire in the Dev Tank. 
Photo of Kartik Sethuraman

Kartik Sethuraman

  • 798 Points 500 badge 2x thumb
David - I ran into the same issue and delved into the cke editor link you posted above. In one of the comments I found the following solution, which seems to fix things when added as an inline javascript resource:


skuid.$.widget( "ui.dialog", skuid.$.ui.dialog, {

 /*! jQuery UI - v1.11.4 - 2015-06-05

  *  http://bugs.jqueryui.com/ticket/9087#comment:27 - bugfix

  *  http://bugs.jqueryui.com/ticket/4727#comment:23 - bugfix

  *  allowInteraction fix to accommodate windowed editors

  */

  _allowInteraction: function( event ) {

    if ( this._super( event ) ) {

      return true;

    }


    // address interaction issues with general iframes with the dialog

    if ( event.target.ownerDocument != this.document[ 0 ] ) {

      return true;

    }


    // address interaction issues with dialog window

    if ( skuid.$( event.target ).closest( ".cke_dialog" ).length ) {

      return true;

    }


    // address interaction issues with iframe based drop downs in IE

    if ( skuid.$( event.target ).closest( ".cke" ).length ) {

      return true;

    }

  }

});
(Edited)