Browser compability

[Nivas]

Hi  team,

Th e below content in Layout.ctml works fine in IE, but workt working in google crome. 

 <script type="text/javascript" src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>

    @Html.EJS().ScriptManager()

    @Scripts.Render("~/bundles/jquery")

    @Scripts.Render("~/bundles/bootstrap")

    @RenderSection("scripts", required: false)

    <script type="text/javascript" asp-fallback-test="window.Promise"

            asp-fallback-src="https://unpkg.com/promise-polyfill@6.0.2">

    </script>

    <script type="text/javascript" asp-fallback-test="window.fetch"

            asp-fallback-src="https://unpkg.com/whatwg-fetch@2.0.2">

    </script>

IE Screen shot

crome

If  place the promise after the @HTMl.EJS() , works fine in crome but not working in IE.

    @Html.EJS().ScriptManager()

    @Scripts.Render("~/bundles/jquery")

    @Scripts.Render("~/bundles/bootstrap")

    @RenderSection("scripts", required: false)

 <script type="text/javascript" src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>

    <script type="text/javascript" asp-fallback-test="window.Promise"

            asp-fallback-src="https://unpkg.com/promise-polyfill@6.0.2">

    </script>

    <script type="text/javascript" asp-fallback-test="window.fetch"

            asp-fallback-src="https://unpkg.com/whatwg-fetch@2.0.2">

    </script>

IE Error After placing the highlighted script after @Html.EJS().ScriptManager()

[Deepa Loganathan]

Hi Nivas,  

 

Thanks for contacting Syncfusion support.  

 

Query: Sample works fine in IE, but works in google chrome 

 

We have checked with a simple test sample to reproduce to reported issue, sorry, but we were unable to reproduce this issue while referring the polyfill.js file in the following order in the master page of the application and the controls were rendered properly without any issues. 

 

  

 <script type="text/javascript" src="https://cdn.polyfill.io/v2/polyfill.min.js"></script> 

    @Html.EJS().ScriptManager() 

    @Scripts.Render("~/bundles/jquery") 

    @Scripts.Render("~/bundles/bootstrap") 

    @RenderSection("scripts", required: false) 

 

 

Please find the test sample for your reference.  

 

Sample: http://www.syncfusion.com/downloads/support/forum/141993/ze/MVCsampleEJ2-1435740874  

 

Also, since JavaScript does not support Promise callbacks in IE browser, we have used Polyfill providing support for Promise handlers in IE to ensure cross-browser compatibility. So, it is recommended to refer the polyfill.js file above the ScriptManager.  

 

After cross checking with the above test sample in attachment, if the issue still persists, kindly get back us with the following. 

 

1.      Are you facing any script error while referring polyfill.js file above ScripManager? 

2.      Issue reproducible sample, if possible. 

 

 

The details you provide will help us investigate to find the root cause of the issue and provide you a prompt solution at the earliest.  

 

Regards,  

Deepa L.