releasebird-javascript-sdk 1.0.89 → 1.0.90

package/src/RbirdWebsiteWidget.js

@@ -990,6 +990,12 @@ export default class RbirdWebsiteWidget {
             }, 50);
             return true;
         }
+
+        // Even without saved position, update hide button position after DOM is ready
+        setTimeout(() => {
+            this.updateRelatedElementsPosition();
+        }, 50);
+
         return false;
     }
 
@@ -1001,9 +1007,16 @@ export default class RbirdWebsiteWidget {
 
         const buttonRect = this.websiteWidget.getBoundingClientRect();
 
-        // Check if we have a custom position (not default)
+        // Update hide button position (top right of bubble)
+        if (this.hideWidgetButton) {
+            this.hideWidgetButton.style.left = `${buttonRect.right - 5}px`;
+            this.hideWidgetButton.style.right = 'unset';
+            this.hideWidgetButton.style.bottom = `${window.innerHeight - buttonRect.bottom + 55}px`;
+        }
+
+        // Only update badge and bubbles if we have a custom position
         const savedPosition = this.loadWidgetPosition();
-        if (!savedPosition) return; // Use default CSS positioning
+        if (!savedPosition) return;
 
         // Update badge position
         if (this.countBadge) {
@@ -1012,16 +1025,6 @@ export default class RbirdWebsiteWidget {
             this.countBadge.style.bottom = `${window.innerHeight - buttonRect.top - 15}px`;
         }
 
-        // Update hide button position (top right of bubble)
-        // Match CSS: bottom = spaceBottom + 45 = buttonRect.bottom + 45 - buttonRect.height
-        // Since buttonRect.top = window.innerHeight - buttonRect.bottom, and bubble height is ~50px
-        // bottom = window.innerHeight - buttonRect.top - 5 should equal spaceBottom + 45
-        if (this.hideWidgetButton) {
-            this.hideWidgetButton.style.left = `${buttonRect.right - 5}px`;
-            this.hideWidgetButton.style.right = 'unset';
-            this.hideWidgetButton.style.bottom = `${window.innerHeight - buttonRect.bottom + 55}px`;
-        }
-
         // Update message bubbles container position
         if (this.messageBubblesContainer) {
             this.positionMessageBubbles();