Merge pull request #227 from apinf/feature/ie-dropdown-fix

Fix dropdown optionfields on IE

Author: xylix

src/resources/elements/optionfield-dropdown-ie.html

@@ -0,0 +1,17 @@
+<template>
+  <div class="dropdown option field c${columns} columns" if.bind="display">
+    <label for.bind="id">
+      ${label}
+      <tooltip if.bind="helpText" text.bind="helpText">
+        <img src="res/info.svg" alt="Info"/>
+      </tooltip>
+    </label>
+    <select value.bind="selectedChoice" id.bind="id">
+      <!-- Dropdowns break on IE if we have if.bind, so we don't. -->
+      <option
+        repeat.for="choice of allChoices"
+        model.bind="choice.key"
+      >${choice.label}</option>
+    </select>
+  </div>
+</template>

src/resources/elements/optionfield.js

@@ -296,6 +296,10 @@ export class Optionfield extends Field {
    * @private
    */
   getViewStrategy() {
+    // Dropdowns break on IE, so we have a separate HTML file for IE.
+    if (!!document.documentMode && this.format === 'dropdown') {
+      return `resources/elements/optionfield-${this.format}-ie.html`;
+    }
     return `resources/elements/optionfield-${this.format}.html`;
   }
 }