{"action":"reopened","issue":{"url":"https://api.github.com/repos/Dogfalo/materialize/issues/3816","repository_url":"https://api.github.com/repos/Dogfalo/materialize","labels_url":"https://api.github.com/repos/Dogfalo/materialize/issues/3816/labels{/name}","comments_url":"https://api.github.com/repos/Dogfalo/materialize/issues/3816/comments","events_url":"https://api.github.com/repos/Dogfalo/materialize/issues/3816/events","html_url":"https://github.com/Dogfalo/materialize/issues/3816","id":184791567,"number":3816,"title":"Internet Explorer shows blank and freezes in autocomplete.","user":{"login":"AnkushRoy","id":4829671,"avatar_url":"https://avatars2.githubusercontent.com/u/4829671?v=4","gravatar_id":"","url":"https://api.github.com/users/AnkushRoy","html_url":"https://github.com/AnkushRoy","followers_url":"https://api.github.com/users/AnkushRoy/followers","following_url":"https://api.github.com/users/AnkushRoy/following{/other_user}","gists_url":"https://api.github.com/users/AnkushRoy/gists{/gist_id}","starred_url":"https://api.github.com/users/AnkushRoy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AnkushRoy/subscriptions","organizations_url":"https://api.github.com/users/AnkushRoy/orgs","repos_url":"https://api.github.com/users/AnkushRoy/repos","events_url":"https://api.github.com/users/AnkushRoy/events{/privacy}","received_events_url":"https://api.github.com/users/AnkushRoy/received_events","type":"User","site_admin":false},"labels":[{"id":154203105,"url":"https://api.github.com/repos/Dogfalo/materialize/labels/browser-bug","name":"browser-bug","color":"ff5432","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2016-10-24T09:32:17Z","updated_at":"2017-08-08T14:08:27Z","closed_at":null,"body":"I am getting a blank div appearing in Internet Explorer when the autocomplete list is huge. For small lists it works fine.\n\nSteps to reproduce:-\n1. Check this codepen :- [codepenForBlankListInMaterializeAutocomplete](http://codepen.io/anon/pen/vXbaQo) in Internet Explorer (version 9/11).\n2. Write A in the textbox.\n3. Observe Apple/Apple00/Apple01....coming up in the list.\n4. Choose Apple\n5. Observe the blank list coming up. [Image](https://i.stack.imgur.com/uMAZD.png)\n\nCode:- \nHead:\n`<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no\" />\n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\n<meta name=\"msapplication-tap-highlight\" content=\"no\" /><title>Test for  Autocomplete</title>\n<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\" />\n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css\"/>`\nHTML:\n`<div class=\"row\">\n    <div class=\"col s12\">\n      <div class=\"row\">\n        <div class=\"input-field col s12\">\n          <i class=\"material-icons prefix\">textsms</i>\n          <input type=\"text\" id=\"autocomplete-input\" class=\"autocomplete\">\n          <label for=\"autocomplete-input\">Autocomplete</label>\n        </div>\n      </div>\n    </div>\n  </div>`\nScript:\n\n```\n$(function () {\n  $('input.autocomplete').autocomplete({\n        data: {\n            \"Apple\": null,\n            \"Apple00\": null,\n            \"Apple01\": null,\n            \"Apple02\": null,\n            \"Apple03\": null,\n            \"Apple04\": null,\n            \"Apple05\": null,\n            \"Apple07\": null,\n            \"Apple08\": null,\n            \"Apple09\": null,\n            \"Apple10\": null,\n            \"Apple11\": null,\n            \"Apple12\": null,\n            \"Apple13\": null,\n            \"Apple14\": null,\n            \"Apple15\": null,\n            \"Apple16\": null,\n            \"Apple17\": null,\n            \"Apple18\": null,\n            \"Apple19\": null,\n            \"Apple20\": null,\n            \"Apple21\": null,\n            \"Apple22\": null,\n            \"Apple23\": null,\n            \"Apple24\": null,\n            \"Apple25\": null,\n            \"Apple27\": null,\n            \"Apple28\": null,\n            \"Apple29\": null,\n            \"Apple30\": null,\n            \"Apple31\": null,\n            \"Apple32\": null,\n            \"Apple33\": null,\n            \"Apple34\": null,\n            \"Apple35\": null,\n            \"Apple36\": null,\n            \"Apple37\": null,\n            \"Apple38\": null,\n            \"Apple39\": null,\n            \"Apple40\": null,\n            \"Apple41\": null,\n            \"Apple42\": null,\n            \"Apple43\": null,\n            \"Apple44\": null,\n            \"Apple45\": null,\n            \"Apple47\": null,\n            \"Apple48\": null,\n            \"Apple49\": null,\n            \"Apple50\": null,\n            \"Apple51\": null,\n            \"Apple52\": null,\n            \"Apple53\": null,\n            \"Apple54\": null,\n            \"Apple55\": null,\n            \"Apple56\": null,\n            \"Apple57\": null,\n            \"Apple58\": null,\n            \"Apple59\": null,\n            \"Microsoft\": null,\n            \"Google\": 'http://placehold.it/250x250'\n        }\n    });\n\n});\n```\n"}}
{"actor":{"display_login":"Dogfalo"}}