Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Internet Explorer 11 breaks auto complete drop down

See original GitHub issue

I’m submitting a … (check one with “x”)

[x] bug report => search github for a similar issue or PR before submitting
[ ] support request/question

Notice: feature requests will be ignored, submit a PR if you'd like

Current behavior

When using the autocomplete in IE11 the drop-down flashes empty and does not show any items in list to be selected. Worked as expected in chrome. The user can select items by use the down arrow however they cannot see what item is selected. I saw a similar issue that was fixed by a version change in ng2-drop-down to v0.10.0 but I think this issue is caused by polyfills needed for IE to work

The drop down works on the demo site in IE11 but i think that demo site isn’t using these pollyfills?

Expected behavior

The items in the auto complete should be visible to be selected.

Minimal reproduction of the problem with instructions (if applicable)

Make new folder
npm install -g @angular/cli
ng new angular-tour-of-heroes
cd into angular-tour-of-heroes
npm install ngx-chips
update app.module.ts to based on https://github.com/Gbuomprisco/ngx-chips#configuration
enable IE 11 polyfills in polyfill.ts (other wise IE will be blank) may need to npm install classlist.js and web-animations-js 7a. Link to polyfill
add code from https://github.com/Gbuomprisco/ngx-chips#autocomplete to app.compment.html
ng serve and open in IE11

What do you use to build your app?. Please specify the version

angular-cli 6.0.8

Angular version:

6.0.7

ngx-chips version:

1.9.2

IE 11

Issue Analytics

State:
Created 5 years ago
Comments:6 (1 by maintainers)

Top GitHub Comments

3reactions

SnakeBcommented, Jul 13, 2018

We have the same problem with the IE 11 and Edge Browser. The error appears since we are using the latest version of the ngx-chips lib (1.9.2) and angular 6.0.7. Is there are workaround to fix this bug because it is very crititcal for our project. Using the webanimation polyfill makes no difference. We also cannot downgrade the version because of the angular version.

0reactions

DeveloperSNxcommented, Oct 2, 2019

IE Version: 11.0.9600.19467 ngx-chips Version: 2.0.2

Still i have this issue. After click on the input field, i expect, that the dropdown is shown. But nothing is shown. @Gbuomprisco

Top Results From Across the Web

Turn AutoComplete on in Internet Explorer 11

Turn on AutoComplete in Internet Explorer 11 to save time filling out forms, or allowing Internet Explorer 11 to remember user names and...

IE9 - Recent sites in drop down list too short

I found the answer. Internet Options > Content (tab) > Autocomplete (settings button) > Un-check everything under the address bar. Now you get ......

Fix site display issues with Compatibility View in Internet ...

Learn how to fix website display problems using Compatibility View in Internet Explorer.

Internet Explorer (IE) mode troubleshooting and FAQ

Troubleshooting guide and FAQ for Microsoft Edge Internet Explorer mode.

Internet Explorer 11 - Useless Dropdown Search

If I uncheck all Autocomplete options except Favorites, nothing shows up properly because I can't search my Favorite URLs directly without Windows Search....