Completed
Last Updated: 10 Apr 2019 14:55 by ADMIN
ADMIN
Rumen
Created on: 17 Aug 2018 12:04
Category: Editor
Type: Bug Report
1
The image manager is incorrectly resized in Chrome and IE11
The image manager dialog do not resize properly in Chrome when the screen resolution is 1920x1080 and the Windows zoom level is 125%-150%-175%.

In Internet Explorer, all dialogs have scrolls - tested on 4k screen with 150% zoom.

See the attachments.

Workaround:

<script>
    function OnClientCommandExecuted(editor, args) {
        if (editor.get_dialogOpener()) {
            var commandName = args.get_commandName();

            if (editor.get_dialogOpener()._getDialogContainer) {
                dialogReference = editor.get_dialogOpener()._getDialogContainer(commandName);
                setTimeout(function () {
                    var dialogContainerHeight = parseInt(editor.get_dialogOpener()._getDialogContainer(commandName).get_contentElement().style.height);
                    dialogReference.set_height(dialogContainerHeight + 40);
                    dialogReference.get_contentElement().removeAttribute("style");
                    dialogReference.get_contentElement().style.height = dialogContainerHeight + 5 + "px";
                          
                }, 1000);
                        
            }
        }
    }
</script>
<telerik:RadEditor ID="RadEditor1" runat="server"  OnClientCommandExecuted="OnClientCommandExecuted">
    <ImageManager ViewPaths="~/" />
</telerik:RadEditor>

4 comments
ADMIN
Rumen
Posted on: 10 Apr 2019 14:55
Hi everyone,

The problem will be fixed in R2 2019 due in mid-May.

You can see the fix also applied to the Latest Internal Build 2019.1.409, which you can download from https://www.telerik.com/account/product-download?product=RCAJAX.

Best regards,
Rumen
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
ADMIN
Rumen
Posted on: 15 Oct 2018 08:42
A customer, who experienced the issue on a normal monitor with 100% scaling and 1920x1080 resolution, managed to do a temp workaround by removing the border style on the window content with the following CSS:

<style>
.RadWindow .rwContent
{ 
    border-width:0px !important;
}
</style>

This trick prevented the scrollbars from showing.
ADMIN
Rumen
Posted on: 07 Sep 2018 10:30
We tested on different screens with different resolution FHD, QHD and 4K and we were unable to reproduce the issue at zoom 100% - https://www.screencast.com/t/uGuk8lPK0. The problem happens when the zoom level exceeds 100%.

Can you please let us know what's the model/brand of your monitor/laptop so that we can test on the same device?

On a side note, does the provided JavaScript workaround work on your end?

Thank you!
George
Posted on: 27 Aug 2018 15:05
It fails in only Chrome on my 4K screen at 100%, only works below 100%.