@salesforcedevs/docs-components 1.27.21 → 1.27.22

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.27.21",
+    "version": "1.27.22",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",
@@ -25,5 +25,5 @@
         "@types/lodash.orderby": "4.6.9",
         "@types/lodash.uniqby": "4.7.9"
     },
-    "gitHead": "bb47c49e52267b9068ff826a16f39364f49e3086"
+    "gitHead": "b18b462ea579257fe2ea823aeb0a7e5cf0c11302"
 }

package/src/modules/doc/redocReference/redocReference.ts

@@ -291,11 +291,7 @@ export default class RedocReference extends LightningElement {
                 this.insertDocPhase(apiContentDiv, docPhaseInfo);
             }
 
-            if (typeof Sprig !== "undefined") {
-                this.insertSprigSurvey(apiContentDiv);
-            }
-
-            this.insertFooter(apiContentDiv);
+            this.appendFooterItems(apiContentDiv);
 
             // Wait for footer to be rendered before updating styles
             requestAnimationFrame(() => {
@@ -358,6 +354,16 @@ export default class RedocReference extends LightningElement {
         wrapper.appendChild(feedbackElement);
     }
 
+    private appendFooterItems(parent: HTMLElement): void {
+        const container = document.createElement("div");
+        container.className = "appended-footer-container";
+        if (typeof Sprig !== "undefined") {
+            this.insertSprigSurvey(container);
+        }
+        this.insertFooter(container);
+        parent.appendChild(container);
+    }
+
     // Adjusts third column bottom position to prevent footer overlap
     private updateRedocThirdColumnStyle(redocContainer: HTMLElement): void {
         const footer = redocContainer.querySelector(