The IGHtmlEditor does not work properly when you place it inside a jQuery-ui dialog, running on Firefox. It seems to work fine in IE and Chrome.
All you need is some HTML:
<div id="dialog" style="display: none;"> @(Html.Infragistics().HtmlEditor().ID("igHtmlEditor").Render()) </div>
Then some JavaScript.
$("#dialog").dialog({ width: 600, height: 600, modal: true, autoOpen: false });
$("#dialog").dialog("open");
This is causing us a huge headache.
As for what's wrong, pretty much all the functionality is broken (try using the toolbar). It's also got rendering problems. We're using Firefox 22.0
Thanks.
Hi, Pete.
Thank you for using our products and I hope that I can help you.
I guess you've already checked this sample in our samples browser. It is working in Firefox. If you can use it that will be great. Meanwhile I will try to isolate your sample and see what the problem is. I will be glad if you have more specific information, especially about the version of the controls.
Thank you and I will wait for your feedback.
Best regards,
Nikolay Alipiev
Yes, unfortunately that's using an igDialog and not a jQuery dialog, so that won't work for us. Our app has standard dialogs that are based on jQuery and I must use those.
I have discovered the solution. There's a bug in Firefox and Safari that causes issues when you create an iframe in something with "display:none;" The solution was to handle the dialog onOpen event and create the HTML editor at that point.
Hi,
This issue occurs in IE 11 as well with IgniteUI v14.1.
The solution proposed also works for me using IE 11, I initialized the igHtmlEditor as I was opening the dialog.
Thanks for sharing the solution.