Skip to content Skip to sidebar Skip to footer

Strange Ie11 Form Fields Bug After Selecting From Dropdown

I'm experiencing a major bug in IE 11 (latest version 11.0.9600.16521 on Windows 7). When on any form if I open a select dropdown all the other form fields on the page freeze. I ca

Solution 1:

I had a similar issue with IE11 that turned out to be any modification to the .text property of an SELECT-option element. I eventually found the "hint" on stackoverflow here How to fix IE select issue when dynamically changing options.

In my case I use straight JavaScript, and with so many inter-dependent SELECT boxes had to come up with a generic solution, so my solution was to intercept (defineGetter) assignment to any .text property of an HTMLOptionElement, and set a 1 ms timer to perform an add element and remove element as in the referenced post that is titled "I have the fix. We have to add and remove options list to trigger the rendering in IE8." Notice the reference to IE8, AFAIK IE has had several issues with SELECT boxes since at least IE7, possibly earlier.

So the code I added to one of my global scripts is as follows:

try { varIE11;  // IE10 and IE11 removed ActiveXObject from the window object but it can still be instantiatedIE11 = newActiveXObject('MSXML2.DOMDocument.6.0');
    IE11 = null;
    if (typeof(HTMLOptionElement) != "undefined") {
        try { HTMLOptionElement.prototype.__defineSetter__(
                                          'text',
                                          function(original) {
                                              returnfunction(newValue) { var sel;
                                                                       original.call(this, newValue);
                                                                       if (!(sel=this.parentElement).fixIE) sel.fixIE = window.setTimeout(_fixIE_(sel), 1);
                                                                   }
                                                               }(HTMLOptionElement.prototype.__lookupSetter__('text')));
            } catch(e) {};
        }
    } catch(e) {}
}

//  IE11 broke SELECT boxes again, modifying any options .text attribute "freezes" the SELECT so it appears disabledfunction_fixIE_(selBox) {
    return _fixIE_;
    function_fixIE_(){ var lc = selBox.options.length;
        selBox.options.add(newOption('',''));
        selBox.options.remove(lc);
        selBox.fixIE = undefined;
    }
}

Phil

Solution 2:

  1. Go to programs
  2. Then widdcom folder
  3. Right click bttray
  4. Go compatibility
  5. Tick run as admin
  6. Restart

Solution 3:

I had the same problem in IE 11 on Dell Windows 7.

It was solved by turning off hardware rendering in IE, as you suggested in your link.

Post a Comment for "Strange Ie11 Form Fields Bug After Selecting From Dropdown"