Update index_3.js

index_3.js

@@ -56,11 +56,8 @@
   const chosenInitBeta  = isMobile ? initBetaPhone  : initBetaDesktop;
   const chosenInitRadius = isMobile ? initRadiusPhone : initRadiusDesktop;
   
-  // Instead of calculating an aspect ratio from the parent container,
-  // we force the widget to take the full dimensions of its parent.
-  // This ensures the GIF preview and PLY viewer match the size of your Squarespace block.
-  
-  // Inject CSS styles into the document head, scoped with the unique id.
+  // Inject CSS styles into the document head.
+  // The container will be set to fill 100% of the parent block; its height will be explicitly updated in the script.
   const styleEl = document.createElement('style');
   styleEl.textContent = `
     /* Widget container styling - fill the entire parent block */
@@ -212,6 +209,15 @@
     </div>
   `;
   scriptTag.parentNode.appendChild(widgetContainer);
+
+  // Ensure the widget container takes the full height of its parent.
+  function updateWidgetSize() {
+    const parentHeight = scriptTag.parentNode.offsetHeight;
+    // If the parent height is defined, use it; otherwise fall back to a default height.
+    widgetContainer.style.height = (parentHeight && parentHeight > 0) ? parentHeight + "px" : "300px";
+  }
+  updateWidgetSize();
+  window.addEventListener("resize", updateWidgetSize);
   
   // Grab element references.
   const gifPreview = document.getElementById('gif-preview-container-' + instanceId);