toggle fullscreen mode

[Patrick]

I have a fixed position div on my page that sets at the top of the screen always.  When I click "toggle fullscreen" from the rad editor the editor sits behind this div and the toolbar can't see seen.  Surprising cuteeditor handled this fine.  Any help with this would be super

Thanks
-Pat

[Ianko]

Hello Pat,

Thank you for bringing this issue to our attention.

The RadEditor should appear above these elements by itself, although this appears to be broken. The initial logged item about this behavior is related to an integration with the RadGrid, although it is the same with the scenario encountered on your end.

You can follow this feedback portal item for further updates. 

As a temporary fix I suggest using the second workaround. The one that changes the position and the z-index of the RadEditor when toggled to full screen.

You can test the behavior of the fix in the exact scenario using the following simple markup:

<div style="position:fixed; top:0; left:0; width:100px; height:100px; background-color:red;"></div>
<telerik:RadEditor runat="server" ID="RE1" OnClientCommandExecuted="OnClientCommandExecuted">
</telerik:RadEditor>

<script type="text/javascript">
    function OnClientCommandExecuted(editor, args) {
        if (args.get_commandName() === "ToggleScreenMode") {
            var editorElement = editor.get_element();
            if (editor.isFullScreen()) {
                editorElement.style.position = "absolute";
                editorElement.style.zIndex = "100000";
            } else {
                editorElement.style.position = "";
                editorElement.style.zIndex = "";
            }
        }
    }
</script>

Regards,
Ianko
Telerik