From 23f8fa5b726c81c96200477ccacfa7b32fc457b2 Mon Sep 17 00:00:00 2001
From: MattMo <matt@montoyatech.com>
Date: Tue, 28 Nov 2023 19:16:15 -0800
Subject: [PATCH] Moved option construction before setting element value.

---
 ignite-template.js | 36 ++++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/ignite-template.js b/ignite-template.js
index 9caa724..afc212a 100644
--- a/ignite-template.js
+++ b/ignite-template.js
@@ -1444,6 +1444,24 @@ class IgniteTemplate {
             this.children[i].construct(this.element);
         }
 
+        //Construct any options if needed
+        if (this._options.length > 0 && this._optionElements.length == 0) {
+            this._options.forEach(option => {
+                if (option) {
+                    var element = window.document.createElement("option");
+                    element.setAttribute("value", option.value);
+                    element.innerHTML = option.name;
+
+                    this._optionElements.push(element);
+
+                    //Add this element to the dom.
+                    if (this.element) {
+                        this.element.appendChild(element);
+                    }
+                }
+            });
+        }
+
         //Set the elements value if there is one.
         if (this._elementValue != null) {
             if (this.element.hasAttribute("type") && (this.element.getAttribute("type").toLowerCase().trim() == "checkbox" || this.element.getAttribute("type").toLowerCase().trim() == "radio")) {
@@ -1483,24 +1501,6 @@ class IgniteTemplate {
             this._intersectObserver.observe(this.element);
         }
 
-        //Construct any options if needed
-        if (this._options.length > 0 && this._optionElements.length == 0) {
-            this._options.forEach(option => {
-                if (option) {
-                    var element = window.document.createElement("option");
-                    element.setAttribute("value", option.value);
-                    element.innerHTML = option.name;
-
-                    this._optionElements.push(element);
-
-                    //Add this element to the dom.
-                    if (this.element) {
-                        this.element.appendChild(element);
-                    }
-                }
-            });
-        }
-
         //Invoke any custom constructors.
         this._constructors.forEach(callback => callback(parent, sibling));