angularjs-dropdown-multiselect
angularjs-dropdown-multiselect copied to clipboard
disabled directive parameter name causes scroll issue in IE11
angularjs-dropdown-multiselect has several scope variable that can be set in the html template. One of them is "disabled" where you can do disabled="myValue". Internally, the value of this variable is used to set the toggle button to disabled using ng-disabled.
This all works fine except in IE11 and if the dropdown options are too many such that you need vertical scrolling, the vertical scroll bar appears but it is disabled. It seems this is due to IE11 parsing the "disabled="myValue" to be as if its disabled="true" and actually disables the scrolling, although the dropdown is usable and can select options, you just can't scroll.
I was able to fix this by just re-assigning the disabled scope variable to use a different name.
At line 92, if you change disabled: '=' to be disabled: '=msdDisabled' and in the html you set msd-disabled="myValue" then scrolling works as it should.
use data-disabled instead of disabled on the HTML . It worked for me in IE