From 43eaa485f67e62b73a495776b4a3ebc5b36f1c5a Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Fri, 30 Jun 2017 14:56:53 +0300
Subject: [PATCH] Fix dropdown optionfields on IE

---
 .../elements/optionfield-dropdown-ie.html       | 17 +++++++++++++++++
 src/resources/elements/optionfield.js           |  4 ++++
 2 files changed, 21 insertions(+)
 create mode 100644 src/resources/elements/optionfield-dropdown-ie.html

diff --git a/src/resources/elements/optionfield-dropdown-ie.html b/src/resources/elements/optionfield-dropdown-ie.html
new file mode 100644
index 00000000..f9de6152
--- /dev/null
+++ b/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>
diff --git a/src/resources/elements/optionfield.js b/src/resources/elements/optionfield.js
index b461da2a..1992cc78 100644
--- a/src/resources/elements/optionfield.js
+++ b/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`;
   }
 }