2 つのドロップダウンがある SharePoint アドインがあります。
<div id="departments" class="ms-Dropdown ms-Grid-col ms-u-sm3" tabindex="0">
<label class="ms-Label">Departments</label>
<i class="ms-Dropdown-caretDown ms-Icon ms-Icon--ChevronDown"></i>
<select class="ms-Dropdown-select" id="departmentSelect">
<option value=""></option>
</select>
</div>
<div id="supervisors" class="ms-Dropdown ms-Grid-col ms-u-sm3" tabindex="0">
<label class="ms-Label">Supervisors</label>
<i class="ms-Dropdown-caretDown ms-Icon ms-Icon--ChevronDown"></i>
<select class="ms-Dropdown-select" id="supervisorSelect">
<option value=""></option>
</select>
</div>
その後、次のように初期化されます。
var DropdownHTMLElements = document.querySelectorAll('.ms-Dropdown');
for (var i = 0; i < DropdownHTMLElements.length; ++i) {
var Dropdown = new fabric['Dropdown'](DropdownHTMLElements[i]);
}
他のすべてのブラウザーは機能しますが、IE11 は読み込まれず、そのエラーがスローされます。
"Unable to get property 'querySelectorAll' of undefined or null reference"
File: fabric.min.js, Line: 7, Column: 17876