HTML5 ReportViewer content hidden in IE browser

Peggy

Hello,
I upgraded our WebForms ReportViewer to the MVC HTML5 ReportViewer. Chrome and Edge work fine, but not our IE 11 browser.

The ReportViewer toolbar displays successfully, and while the content of the pages is in the DOM, it is not displaying in the browser. Using the F12 Developer Tools, I noticed if I manually change the .trv-content flex option from flex: 1 1 0 to flex: 1 1 1, the content displays successfully.

I added the TelerikReportViewerTemplate.html to my report page and pointed the css to the telerikReportViewer.css file. I added the telerikReportViewer.css to my project and overrode the css to flex: 1 1 1. While the override worked, the content was still hidden. Again, if I manually change the value using the F12 tools, the content displays.

I was finally able to update the CSS replacing the flex with display: flex; but, then the print preview does not center on the page, in any browser. This is what I will work with if I can't figure out anything else.

Interestingly, I can view the Telerik Reporting demo's just fine in IE.

where #reportViewer1 is the ID of the div element wrapping the report viewer:

Regards,
Nasko
Progress Telerik

Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Explore the
Telerik Feedback Portal
and vote to affect the priority of the items

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.