search

davidstutz / bootstrap-multiselect

JQuery multiselect plugin based on Twitter Bootstrap.
https://davidstutz.github.io/bootstrap-multiselect/
Other
3.67k stars 1.98k forks source link

IE11 "buildDropdownOptions" much slower than other browsers #868

Open rludwig21 opened 7 years ago

rludwig21 commented 7 years ago

I'm seeing a significant delay using in IE11 with only 700 options when "selecting all" Chrome & Firefox are instant but IE11 takes a second too long where it lags selecting all.

I noticed the most significant slowdown when timing the "buildDropdownOptions" .each() loop in IE: ie11_slowmultiselect

vs. the "buildDropdownOptions" .each() loop in Chrome:

chrome_fastmultiselect

Here is the .each() I am timing: this.$select.children().each($.proxy(function(index, element) {

Using the example provided in http://davidstutz.github.io/bootstrap-multiselect/#further-examples where you can load 1000 options you can see there's also delay when Selecting/DeSelecting All with IE11.

Is it possible to come closer to the other browsers speeds using IE11? Our users only use IE11 except for a few..

Any input is appreciated, Thanks!

rludwig21 commented 7 years ago

I did a little more digging and think the $ul.append($li); of the list element is what is causing it to be slow particularity in IE11.

davidstutz commented 7 years ago

Related to #316 and #672. Thanks for the detailed analysis, will try to setup some tests and see what can be done ...