update section container on attribute change, closes #1646

src/public/app/widgets/collapsible_section_container.js

@@ -122,7 +122,7 @@ export default class CollapsibleSectionContainer extends TabAwareWidget {
         });
     }
 
-    async refreshWithNote(note) {
+    async refreshWithNote(note, noExplicitActivation = false) {
         let $sectionToActivate, $lastActiveSection;
 
         this.$titleContainer.empty().append('<div class="section-title section-title-empty">');
@@ -141,7 +141,7 @@ export default class CollapsibleSectionContainer extends TabAwareWidget {
             this.$titleContainer.append($sectionTitle);
             this.$titleContainer.append('<div class="section-title section-title-empty">');
 
-            if (ret.activate && !$sectionToActivate) {
+            if (ret.activate && !$sectionToActivate && !noExplicitActivation) {
                 $sectionToActivate = $sectionTitle;
             }
 
@@ -161,4 +161,8 @@ export default class CollapsibleSectionContainer extends TabAwareWidget {
             this.$bodyContainer.find('.section-body').removeClass("active");
         }
     }
+
+    refreshSectionContainerCommand() {
+        this.refreshWithNote(this.note, true);
+    }
 }

src/public/app/widgets/type_property_widgets/promoted_attributes.js

@@ -293,6 +293,7 @@ export default class PromotedAttributesWidget extends TabAwareWidget {
             this.refresh();
 
             this.renderTitle(this.note);
+            this.triggerCommand('refreshSectionContainer');
         }
     }
 }