Completed
Last Updated: 16 Sep 2019 13:59 by ADMIN
mmbm
Created on: 10 Sep 2019 15:34
Category: Window
Type: Bug Report
3
RadWindow height issue in Chrome version 76 using classic mode rendering
In recent versions of Chrome (76.0.38...) we are experiencing an issue when we display a popup using ShowContentDuringLoad="false". The content goes out of bounds of the window. When that flag is true, the window displays as expected. I tried this using Telerik version 2019.2.514.45.



We've been using Telerik controls for some time and I am aware of the minimum frame height limit imposed by the browser but in this case it does not matter if the window height is 200px or 400px, we are still seeing the same issue.


We are using classic mode for Telerik controls.
 

See the attached zip for an example project and also a screenshot of what we are seeing.

If I remove the height from the frame in pageLoad() in javascript it displays OK.

oWindow.GetContentFrame().style.height = ""

 
I can't seem to override using a CSS style, I think the window is using what is stored in cssText.

oWindow.GetContentFrame().style.cssText = "width: 100%; height: 100%; border: 0px; position: absolute; top: -10000px;"


Can you please investigate and fix in Chrome. I would also like to see if you can provide a CSS style work around.

I've tried all sorts of style overrides and cannot seem to find one that works. It looks like whatever is specified in cssText is

what is used for the height.

 
Thanks for your help,
5 comments
ADMIN
Peter Milchev
Posted on: 13 Sep 2019 15:41

Hello,

An update regarding the bug - it is confirmed as a Chrome regression and is already fixed. The fix will be available in one of their upcoming releases of the official Chrome version, and as of tomorrow for the Chrome Canary version.

With that said, the temporary workarounds should not be necessary once the Chrome issue fix is live.

Regards,
Peter Milchev
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
Peter Milchev
Posted on: 12 Sep 2019 06:41

Hello Todd,

Your feedback is greatly appreciated. 

I have tested a few scenarios with various windows and it seems that this style seems like a valid workaround.

<style>
    .t-chrome .rwWindowContent.rwExternalContent {
        display: flex;
    }
</style>

As a token of gratitude for helping us improve our controls and sharing your solution and observations with the community, we have updated your Telerik points.

Regards,
Peter Milchev
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.
Todd
Posted on: 11 Sep 2019 17:47

Tried the style that Peter provided and it didn't work with height as auto, but it did when set to -webkit-fill-available.

Then we ran into an issue where any layout updates would blank out the Window completely (height set to 0px).

Here's a style that ended up working for our situation:

 

.t-chrome .rwWindowContent.rwExternalContent {
    display: flex;
}

 

Your mileage may vary.

Oren Bar-El
Posted on: 11 Sep 2019 05:16

Unfortunately this workaround does not solve the problem but makes it worse.

 

ADMIN
Peter Milchev
Posted on: 10 Sep 2019 15:55

Hello,

Thank you for bringing this to our attention. We are working on investigating the cause of the issue and for a permanent fix.

Currently, using the following style might help in some scenarios:

<style>
    .t-chrome .rwWindowContent.rwExternalContent iframe {
        height: auto !important;
    }
</style>

Regards,
Peter Milchev
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.