1. Home
  2. Forum
  3. ASP.NET Core - EJ 2
  4. IE 11 compatibility

IE 11 compatibility

Having trouble with ejs-dropdownlist.  Works in other browsers with no problem but finding the control will not function as expected in IE11.  To be safe, I added the suggested script code to my html but still seeing same inconsistent results.  If a value is already populated, the dropdown will not expand.  If nothing in dropdown, the list display but disappears as soon as scrolling is attempted. 

I'm seeing the following output which has me concerned that the script code added is not correct or I need something else for this compatibility.

'iexplore.exe' (Script): Loaded 'Script Code (Windows Internet Explorer)'.
Exception was thrown at line 3, column 42408 in http://cdn.polyfill.io/v2/polyfill.min.js
0x800a01bd - JavaScript runtime error: Object doesn't support this action
Exception was thrown at line 3, column 9377 in http://cdn.polyfill.io/v2/polyfill.min.js
0x800a13fc - JavaScript runtime error: Set.prototype.size: 'this' is not a Set object
Exception was thrown at line 3, column 9511 in http://cdn.polyfill.io/v2/polyfill.min.js
0x800a13fc - JavaScript runtime error: Map.prototype.size: 'this' is not a Map object
Exception was thrown at line 3, column 8089 in http://cdn.polyfill.io/v2/polyfill.min.js
0x800a138d - JavaScript runtime error: String.prototype.valueOf: 'this' is not a String object
Exception was thrown at line 3, column 9377 in http://cdn.polyfill.io/v2/polyfill.min.js
0x800a13fc - JavaScript runtime error: Set.prototype.size: 'this' is not a Set object
Exception was thrown at line 3, column 9511 in http://cdn.polyfill.io/v2/polyfill.min.js
0x800a13fc - JavaScript runtime error: Map.prototype.size: 'this' is not a Map object
Exception was thrown at line 3, column 8089 in http://cdn.polyfill.io/v2/polyfill.min.js
0x800a138d - JavaScript runtime error: String.prototype.valueOf: 'this' is not a String object



10 Replies
SP Sureshkumar P Syncfusion Team May 21, 2020 04:09 PM UTC

Hi Patrick, 
 
Greetings from Syncfusion support. 
 
We can able to replicate the reported issue from our end. We need two business days to validate and update further details. We will update on May 26th, 2020.  We appreciate your patience.   
 
Regards, 
Sureshkumar P 


PK Patrick King May 27, 2020 04:01 PM UTC

Hoping to get some update on this issue sometime today.  Please let me know status as soon as possible.

SP Sureshkumar P Syncfusion Team May 28, 2020 04:52 AM UTC

Hi Patrick, 
 
Sorry for the late update.  
 
Based on your shared information, we suspect that you have used direct script to render Vue component in your application. We confirmed this as bug in our end and include the fix in the upcoming June second week patch release, which is scheduled on end of June10, 2020. You can track the status of the bug in the below feedback link. We appreciate your patience until then  
 
 
If we misunderstood your requirement, then please update the issue replication sample. That will help us to provide exact solution as earlier as possible. 
 
Regards, 
Sureshkumar P 


PK Patrick King May 28, 2020 02:23 PM UTC

I may have misunderstanding the response.  I don't think I used a direct script to render a vue component.   This is simply an ejs-dropdownlist as follows:

             <div class="col-md-2">
                <label asp-for="Assigned" class="control-label" vertical-align="top"></label>
                <ejs-dropdownlist ejs-for="Assigned" id="Assigned" dataSource="@ViewBag.grpusers" cssClass="e-outline" popupHeight="100px" value="@Model.Assigned" text="@Model.Assigned">
                    <e-dropdownlist-fields text="UserName" value="UserName"></e-dropdownlist-fields>
                </ejs-dropdownlist>
            </div>

Please let me  know if you need additional code sample or if this in some way is rendering a vue component.


SP Sureshkumar P Syncfusion Team May 29, 2020 08:56 AM UTC

Hi Patrick, 
 
Thanks for your update.  
 
Based on your shared code example, we suspect that you have rendered with dropdownlistFor control. We cannot replicate your reported issue in IE11 browser. we have created the sample and video representation regarding this issue. Please refer the below sample and video link 
 
 
Regards, 
Sureshkumar P 


PK Patrick King June 2, 2020 01:59 AM UTC

A quick update.  The sample sent worked for me.  However, my application is at version 18.1.0.54 and the sample was at 17.3.0.26.  When I updated the sample to 18.1.0.54 including changing the stylesheet and script defined in _Layout the problem was replicated. 
    <!-- Syncfusion Essential JS 2 Styles -->
    <link rel="stylesheet" rel='nofollow' href="https://cdn.syncfusion.com/ej2/18.1.54/bootstrap.css" />

    <!-- Syncfusion Essential JS 2 Scripts -->
    <script src="https://cdn.syncfusion.com/ej2/18.1.54/dist/ej2.min.js"></script>

I'm hoping this will be resolved in an upcoming release.  I have found that my application will work with the dropdowns in IE if the version is 18.1.0.54 and the stylesheet and script are set at 17.4.55. 

SP Sureshkumar P Syncfusion Team June 2, 2020 05:58 AM UTC

Hi Patrick,  
  
Sorry for the inconvenience caused.  
 
As per our previous update (May 28th,2020). We confirmed this as bug in our end and include the fix in the upcoming June second week patch release, which is scheduled on June10, 2020. You can track the status of the bug in the below feedback link. We appreciate your patience until then   
  
  
Regards,  
Sureshkumar P 


SW Shuqing Wang December 9, 2020 08:05 PM UTC

As of right now, on 12/9/2020, the issue is still there.  Works in Chrome, but not in IE11.  Below are what I am using for the references.
    
<!-- Essential JS 2 Menu's dependent material theme -->
    <link rel='nofollow' href="https://cdn.syncfusion.com/ej2/ej2-base/styles/material.css" rel="stylesheet" type="text/css" />
    <link rel='nofollow' href="https://cdn.syncfusion.com/ej2/ej2-lists/styles/material.css" rel="stylesheet" type="text/css" />
    <link rel='nofollow' href="https://cdn.syncfusion.com/ej2/ej2-popups/styles/material.css" rel="stylesheet" type="text/css" />
    <link rel='nofollow' href="https://cdn.syncfusion.com/ej2/ej2-navigations/styles/material.css" rel="stylesheet" type="text/css" />
    <link rel='nofollow' href="https://cdn.syncfusion.com/ej2/ej2-grids/styles/material.css" rel="stylesheet" type="text/css" />

    <!-- Essential JS 2 Menu's dependent scripts -->
    <script src="https://cdn.syncfusion.com/ej2/dist/ej2.min.js" type="text/javascript"></script>

SW Shuqing Wang December 9, 2020 08:07 PM UTC

I may post this under a wrong thread.  The issue is

Unhandled exception at line 10, column 1326802 in https://cdn.syncfusion.com/ej2/dist/ej2.min.js 0x800a1391 - JavaScript runtime error: 'Promise' is undefined

It works in Chrome but not in IE11

VS Vignesh Srinivasan Syncfusion Team December 14, 2020 07:28 AM UTC

Hi Shuqing, 
 
We can’t able to replicate the reported issue from our end. We have created the sample based on your scenario. Please find the sample here: 
 
 
This issue occurs in IE browser when the polyfills are not added in the sample. Please find the documentation link below. 
 
 
Kindly check with the above sample. Please get back us if you still face any issue. 
 
Regards, 
 
Vignesh Srinivasan. 


Loader.
Up arrow icon