RadEditor keep flashing (refreshing) with Edge IE11 mode when in showmodalDialog with ASP.Net Classic

1 Answer 93 Views
Editor
End User
Top achievements
Rank 1
End User asked on 19 Oct 2021, 03:33 PM | edited on 19 Oct 2021, 03:51 PM

There's difference in behavior between IE11 and Edge mode IE11 when the radEditor is used inside a window.showModalDialog

  • IE11 : work as expected
  • Edge mode IE 11  :
    • There's a flicking when a key is hit (often) or Enter (always). The window in background seems to get in front and then the showmodalDialog get back in front (by behavior design of showModalDialog). Is it caused by a bad javascript? a bad compatibility mode? Is it corrected in later Telerik version?
    • There's no glitch if we choose HTML instead of Design in the radEditor
    • There's no glitch if the radeditor is not in a window.showModalDialog (ex: opened directly inside current page)

     

 

For the moment, we cannot use a replacement for window.showModalDialog because the website use frames everywhere (as a template for navigation. Ex: frame for left menu, frame for top, frame for center content, etc) in a way that a javascript style showmodalDialog doesn't block UI interaction every where in the page (as with the IE showModalDialog). 

 

 

Context :

  • ASP.Net Classic .Net 4.7.1
  • Telerik version 2020.3.1021.45

 

Thank you for help,

Jean-François Ferland

1 Answer, 1 is accepted

Sort by
0
Accepted
Rumen
Telerik team
answered on 20 Oct 2021, 08:06 AM

Hi Jean-François,

As per the specification the showModalDialog method is discontinued and not supported by the current official version of Edge:

https://developer.mozilla.org/en-US/docs/Web/API/Window/showModalDialog 
https://stackoverflow.com/questions/52611523/window-showmodaldialog-totally-deprecated-in-edge 

Nevertheless, what you can try is to:

  • check for any CSS styles which may cause the flickering behavior of the iframe mode or set the CssFiles property to point to an empty CSS file. This way the page stylesheet won't be loaded in RadEditor when the content area mode is set to Iframe.
  • or set the ContentAreaMode property of RadEditor to Div instead of the default to iframe
  • or use RadWindow with NavigateUrl or  var oWnd = radopen("https://" + windowURL, null); which will load the page in RadWindow in an iframe 

Regards,
Rumen
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

End User
Top achievements
Rank 1
commented on 20 Oct 2021, 02:30 PM

Thank you for your quick answer Rumen,

I switched the ContentAreaMode to div and it dit work. However, the tool bar started to have inconsistent behavior. If I select a multiple elements in a bullet list and click Bold, only the first element change. There's also other problem when changing style on words but the most recurrent is with lists.

Instead I changed the EditType="Inline" property and now there's no more glitch. The tool bar only appears when the radEditor has the focus but it stopped the flicking. I will use this for the moment.

Regards,

J-F
Rumen
Telerik team
commented on 21 Oct 2021, 07:18 AM

It is great that you've solved the new issues! For the insert new bullet behavior you can check out this article which might be of help:

Inline and Block Commands Behavior Change.

Tags
Editor
Asked by
End User
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or