prevent dom updates for container fields that are still loading in

Author: mibewh

src/js/ContainerField.js

@@ -563,62 +563,67 @@
         {
             var self = this;
 
-            this.base();
-
-            if (self.children.length > 0)
-            {
-                $(self.getContainerEl()).addClass("alpaca-container-has-items");
-                $(self.getContainerEl()).attr("data-alpaca-container-item-count", self.children.length);
-            }
-            else
+            // Don't update if field is still loading in
+            if (!self.loading)
             {
-                $(self.getContainerEl()).removeClass("alpaca-container-has-items");
-                $(self.getContainerEl()).removeAttr("data-alpaca-container-item-count");
-            }
-
-            for (var i = 0; i < self.children.length; i++)
-            {
-                var child = self.children[i];
-
-                // set path if not set
-                if (!child.path)
+                this.base();
+    
+                if (self.children.length > 0)
                 {
-                    if (child.schema.type === "array")
-                    {
-                        child.path = self.path + "[" + i + "]";
-                    }
-                    else
-                    {
-                        child.path = self.path + "/" + child.propertyId;
-                    }
+                    $(self.getContainerEl()).addClass("alpaca-container-has-items");
+                    $(self.getContainerEl()).attr("data-alpaca-container-item-count", self.children.length);
                 }
-
-                child.calculateName();
-
-                $(child.containerItemEl).removeClass("alpaca-container-item-first");
-                $(child.containerItemEl).removeClass("alpaca-container-item-last");
-                $(child.containerItemEl).removeClass("alpaca-container-item-index");
-                $(child.containerItemEl).removeClass("alpaca-container-item-key");
-
-                $(child.containerItemEl).addClass("alpaca-container-item");
-
-                if (i === 0)
+                else
                 {
-                    $(child.containerItemEl).addClass("alpaca-container-item-first");
+                    $(self.getContainerEl()).removeClass("alpaca-container-has-items");
+                    $(self.getContainerEl()).removeAttr("data-alpaca-container-item-count");
                 }
-                if (i + 1 === self.children.length)
+    
+                for (var i = 0; i < self.children.length; i++)
                 {
-                    $(child.containerItemEl).addClass("alpaca-container-item-last");
+                    var child = self.children[i];
+    
+                    // set path if not set
+                    if (!child.path)
+                    {
+                        if (child.schema.type === "array")
+                        {
+                            child.path = self.path + "[" + i + "]";
+                        }
+                        else
+                        {
+                            child.path = self.path + "/" + child.propertyId;
+                        }
+                    }
+    
+                    child.calculateName();
+    
+                    $(child.containerItemEl).removeClass("alpaca-container-item-first");
+                    $(child.containerItemEl).removeClass("alpaca-container-item-last");
+                    $(child.containerItemEl).removeClass("alpaca-container-item-index");
+                    $(child.containerItemEl).removeClass("alpaca-container-item-key");
+    
+                    $(child.containerItemEl).addClass("alpaca-container-item");
+    
+                    if (i === 0)
+                    {
+                        $(child.containerItemEl).addClass("alpaca-container-item-first");
+                    }
+                    if (i + 1 === self.children.length)
+                    {
+                        $(child.containerItemEl).addClass("alpaca-container-item-last");
+                    }
+    
+                    $(child.containerItemEl).attr("data-alpaca-container-item-index", i);
+                    $(child.containerItemEl).attr("data-alpaca-container-item-name", child.name);
+                    $(child.containerItemEl).attr("data-alpaca-container-item-parent-field-id", self.getId());
+    
+                    self.updateChildDOMWrapperElement(i, child);
+    
+                    child.updateDOMElement();
                 }
-
-                $(child.containerItemEl).attr("data-alpaca-container-item-index", i);
-                $(child.containerItemEl).attr("data-alpaca-container-item-name", child.name);
-                $(child.containerItemEl).attr("data-alpaca-container-item-parent-field-id", self.getId());
-
-                self.updateChildDOMWrapperElement(i, child);
-
-                child.updateDOMElement();
             }
+
         },
 
         /**

src/js/fields/basic/ObjectField.js

@@ -774,7 +774,11 @@
                 item.onDependentConceal();
             }
 
-            item.getFieldEl().trigger("fieldupdate");
+            // Only fire the update event if we're not loading in
+            if (!item.loading)
+            {
+                item.getFieldEl().trigger("fieldupdate");
+            }
         },
 
         /**