New to Telerik Reporting? Download free 30-day trial

HTML5 Report Viewer height issue on certain screen resolutions


Product Version
Product Progress® Telerik® Reporting
Project Type Web Application
Viewer HTML5 Viewer


When using the specific resolution, the height of the sheet where the report should be rendered is reduced. It is reproducible after an update to version of Telerik Reporting.

Cause\Possible Cause(s)

This is a known issue which comes from the '@media' CSS style rule of the viewer, which matches only some certain types of screens, like for example MacBook 13 inch, iPad Pro or any other device with min-device-width: 1024px, max-device-width: 1366px and min-device-pixel-ratio: 1.5.


The fix is available in the Internal Build version of Telerik Reporting R3 2018 SP1 ( The Internal Build should be available for download from your Telerik account.

Suggested Workarounds

In case it is not possible to upgrade to the specified Internal Build version or higher, a possible workaround is to go to telerikReportViewer.css file and manually comment/delete the following lines of code:

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .sheet {
        height: 100% !important;
        overflow: scroll;
In this article