Edge and dropdown list filter

[Louis]

Hello.  Under IE 11 everything works great.  But on EDGE when I use dropdown list for filter it's difficult to see the list (see attachment).  Any idea?

[Todor]

Hi Louis,

From the provided screenshot I could assume that you are using the obsolete ASP.NET WebForms Viewer. It seems that the report parameters area is partly hidden by the report. We tested with a sample project, but couldn't reproduce the problem in the Edge browser.

For your convenience the testing sample project is attached. The "WebApplication2" project uses the obsolete ASP.NET WebForms Viewer, and on our side does not experience the issue on neither of the major browsers. The "WebApplication1" project uses the HTML5 Viewer and is included just for comparison. I would recommend you to switch to the HTML5 Report Viewer.

If you would like us to investigate the issue further, I would ask you to open a ticket and attach a sample runnable project that demonstrates the problem.

Regards,
Todor
Progress Telerik

[Louis]

Thank you for your time.

[Louis]

I got the problem if it's can help someone else.  I display report using TabStrip.  I have to remove the event On Select to see a correct display under Edge.

 

@{ Html.Telerik().TabStrip()
 .Name("TabStripChoixEtats")
.Items(tabstrip =>
{
    tabstrip.Add()
    .Text(@"R1")
    .Content(Html.Partial("R1", null, new ViewDataDictionary { { "No", Model.No }}).ToHtmlString()
    );
    tabstrip.Add()
    .Text(@"R2")
    .Content(Html.Partial("R2", null, new ViewDataDictionary { { "No", Model.No } }).ToHtmlString()
    );
})
.SelectedIndex(0)
.ClientEvents(events => events.OnSelect("OnSelect"))
.Render();
}
@(Html.Telerik().ScriptRegistrar().Globalization(true).jQuery(false))
@(Html.Telerik().StyleSheetRegistrar().DefaultGroup(group => group.Add("telerik.common.min.css").Add("telerik.vista.min.css")))
<script type="text/javascript">
    function OnSelect(e) {
        var viewer = eval("ReportViewerFic");
        viewer.AdjustReportAreaHeight();
        viewer.RefreshReport();
    }
  </script>