@refinitiv-ui/elements 6.16.2 → 6.16.3

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.16.3](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.16.2...@refinitiv-ui/elements@6.16.3) (2024-04-01)
+
+### Bug Fixes
+
+- **tooltip:** handle body removal ([#1131](https://github.com/Refinitiv/refinitiv-ui/issues/1131)) ([347f98e](https://github.com/Refinitiv/refinitiv-ui/commit/347f98e3cb1284c812390083f543aea36bb14173))
+
 ## [6.16.2](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.16.1...@refinitiv-ui/elements@6.16.2) (2024-03-18)
 
 ### Bug Fixes

package/lib/overlay/managers/interaction-lock-manager.js

@@ -196,8 +196,8 @@ export class ScrollLockManager {
         }
         else {
             // Since we don't know if is the body or html, get max.
-            this.scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
-            this.scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
+            this.scrollTop = Math.max(document.documentElement.scrollTop, document.body?.scrollTop ?? 0);
+            this.scrollLeft = Math.max(document.documentElement.scrollLeft, document.body?.scrollLeft ?? 0);
         }
     }
     /**
@@ -211,8 +211,12 @@ export class ScrollLockManager {
         }
         else {
             // Since we don't know if is the body or html, set both.
-            document.documentElement.scrollTop = document.body.scrollTop = this.scrollTop;
-            document.documentElement.scrollLeft = document.body.scrollLeft = this.scrollLeft;
+            document.documentElement.scrollTop = this.scrollTop;
+            document.documentElement.scrollLeft = this.scrollTop;
+            if (document.body) {
+                document.body.scrollTop = this.scrollTop;
+                document.body.scrollLeft = this.scrollLeft;
+            }
         }
     }
     /**

package/lib/overlay/managers/viewport-manager.js

@@ -94,7 +94,7 @@ export class ViewportManager {
         // @ts-ignore
         // TODO: Remove @ts-ignore and re-test again when standardized zoom is implemented across major browsers and TypeScript, https://github.com/w3c/csswg-drafts/issues/5623
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-        const zoom = parseFloat(window.getComputedStyle(document.body).zoom);
+        const zoom = document.body ? parseFloat(window.getComputedStyle(document.body).zoom) : 1;
         const screenHeight = screenRect.height / zoom;
         const screenWidth = screenRect.width / zoom;
         const { top, left, bottom, right } = viewport.getBoundingClientRect();

package/lib/tooltip/elements/tooltip-element.js

@@ -42,7 +42,7 @@ tooltipElement.setAttribute('ref', 'title-override');
 tooltipElement.condition = condition;
 tooltipElement.renderer = renderer;
 const appendTitleTooltip = () => {
-    document.body.appendChild(tooltipElement);
+    document.body?.appendChild(tooltipElement);
 };
 if (document.body) {
     appendTitleTooltip();

package/lib/tooltip/managers/tooltip-manager.js

@@ -99,7 +99,7 @@ class TooltipManager {
             document.addEventListener('mouseleave', this.onMouseLeave, eventOptions);
             document.addEventListener('wheel', this.onWheel, eventOptions);
             document.addEventListener('keydown', this.onKeyDown, eventOptions);
-            document.body.addEventListener('blur', this.onBlur, eventOptions);
+            document.body?.addEventListener('blur', this.onBlur, eventOptions);
             const clickEventOptions = supportOptions ? { passive: true, capture: true } : true;
             document.addEventListener('click', this.onClick, clickEventOptions);
             document.addEventListener('contextmenu', this.onClick, clickEventOptions);
@@ -114,7 +114,7 @@ class TooltipManager {
             document.removeEventListener('mouseleave', this.onMouseLeave);
             document.removeEventListener('wheel', this.onWheel);
             document.removeEventListener('keydown', this.onKeyDown);
-            document.body.removeEventListener('blur', this.onBlur);
+            document.body?.removeEventListener('blur', this.onBlur);
             document.removeEventListener('click', this.onClick, true);
             document.removeEventListener('contextmenu', this.onClick, true);
         }

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = '6.16.2';
+export const VERSION = '6.16.3';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "6.16.2",
+  "version": "6.16.3",
   "description": "Element Framework Elements",
   "author": "LSEG",
   "license": "Apache-2.0",
@@ -351,7 +351,7 @@
   },
   "devDependencies": {
     "@refinitiv-ui/core": "^6.5.6",
-    "@refinitiv-ui/demo-block": "^6.1.22",
+    "@refinitiv-ui/demo-block": "^6.1.23",
     "@refinitiv-ui/i18n": "^6.0.21",
     "@refinitiv-ui/phrasebook": "^6.3.9",
     "@refinitiv-ui/test-helpers": "^6.0.15",
@@ -370,5 +370,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "88980e0f515a70a16cf868228e86bae25a3bb155"
+  "gitHead": "946b383a1e4f8253620c23c41c2e502f22cb2c6b"
 }