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

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.

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… 

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.

I should have noted that this is a salesforce RT field that I am displaying in the popup – not a skuid component.

Rob - this problem that my co-worker David reported sounds like a similar problem here: https://community.skuid.com/t/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.

More info.  This old post from ckeditor seems to explain the issue perfectly. (https://dev.ckeditor.com/ticket/7175)

We’ve confirmed this bug and added it to our backlog.  The CKEditor product gets lots of ire in the Dev Tank. 

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… 

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&#46;$&#46;widget( "ui&#46;dialog", skuid&#46;$&#46;ui&#46;dialog, {<br /><br />&nbsp;/*! jQuery UI - v1&#46;11&#46;4 - 2015-06-05<br /><br />&nbsp; *&nbsp; <a href="http://bugs.jqueryui.com/ticket/9087#comment:27" rel="nofollow" target="_blank" title="Link http//bugsjqueryuicom/ticket/9087comment27">http:&#47;&#47;bugs&#46;jqueryui&#46;com/ticket/9087#comment:27</a> - bugfix<br /><br />&nbsp; *&nbsp; <a href="http://bugs.jqueryui.com/ticket/4727#comment:23" rel="nofollow" target="_blank" title="Link http//bugsjqueryuicom/ticket/4727comment23">http:&#47;&#47;bugs&#46;jqueryui&#46;com/ticket/4727#comment:23</a> - bugfix<br /><br />&nbsp; *&nbsp; allowInteraction fix to accommodate windowed editors<br /><br />&nbsp; */<br /><br />&nbsp; _allowInteraction: function( event ) {<br /><br />&nbsp;&nbsp;&nbsp; if ( this&#46;_super( event ) ) {<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return true;<br /><br />&nbsp;&nbsp;&nbsp; }<br /><br /><br />&nbsp;&nbsp;&nbsp; &#47;&#47; address interaction issues with general iframes with the dialog<br /><br />&nbsp;&nbsp;&nbsp; if ( event&#46;target&#46;ownerDocument != this&#46;document[ 0 ] ) {<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return true;<br /><br />&nbsp;&nbsp;&nbsp; }<br /><br /><br />&nbsp;&nbsp;&nbsp; &#47;&#47; address interaction issues with dialog window<br /><br />&nbsp;&nbsp;&nbsp; if ( skuid&#46;$( event&#46;target )&#46;closest( "&#46;cke_dialog" )&#46;length ) {<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return true;<br /><br />&nbsp;&nbsp;&nbsp; }<br /><br /><br />&nbsp;&nbsp;&nbsp; &#47;&#47; address interaction issues with iframe based drop downs in IE<br /><br />&nbsp;&nbsp;&nbsp; if ( skuid&#46;$( event&#46;target )&#46;closest( "&#46;cke" )&#46;length ) {<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return true;<br /><br />&nbsp;&nbsp;&nbsp; }<br /><br />&nbsp; }<br /><br />});