Temp fix for duplicate dom ids CRM-12188

js/crm.designerapp.js

@@ -9,4 +9,23 @@ cj(document).ready(function($) {
    */
   CRM.designerApp = new Backbone.Marionette.Application();
 
+  /**
+   * FIXME: Workaround for problem that having more than one instance
+   * of a profile on the page will result in duplicate DOM ids.
+   * @see CRM-12188
+   */
+  CRM.designerApp.clearPreviewArea = function() {
+    $('.crm-profile-selector-preview-pane > .crm-form-block').each(function() {
+      var parent = $(this).parent();
+      CRM.designerApp.DetachedProfiles.push({
+        parent: parent,
+        item: $(this).detach()
+      });
+    });
+  };
+  CRM.designerApp.restorePreviewArea = function() {
+    $.each(CRM.designerApp.DetachedProfiles, function() {
+      $(this.parent).append(this.item);
+    });
+  };
 });

js/view/crm.designer.js

@@ -99,6 +99,8 @@
             });
           }
           designerDialog.undoState = false;
+          // CRM-12188
+          CRM.designerApp.DetachedProfiles = [];
         },
         close: function() {
           window.onbeforeunload = designerDialog.oldOnBeforeUnload;
@@ -113,6 +115,8 @@
               return false;
             });
           }
+          // CRM-12188
+          CRM.designerApp.restorePreviewArea();
         },
         resize: function() {
           CRM.designerApp.vent.trigger('resize');
@@ -241,6 +245,8 @@
       }
       var $dialog = this.$el.closest('.crm-designer-dialog'); // FIXME use events
       $dialog.block({message: 'Loading...', theme: true});
+      // CRM-12188
+      CRM.designerApp.clearPreviewArea();
       $.ajax({
         url: CRM.url("civicrm/ajax/inline"),
         type: 'POST',