@refinitiv-ui/elements 7.10.8 → 7.10.9

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.
 
+## [7.10.9](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@7.10.8...@refinitiv-ui/elements@7.10.9) (2024-04-01)
+
+### Bug Fixes
+
+- **tooltip:** handle body removal ([#1126](https://github.com/Refinitiv/refinitiv-ui/issues/1126)) ([1f00360](https://github.com/Refinitiv/refinitiv-ui/commit/1f00360f79c154d41295c0807536cdd0aa13efeb))
+
 ## [7.10.8](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@7.10.7...@refinitiv-ui/elements@7.10.8) (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

@@ -97,7 +97,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

@@ -96,7 +96,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 = { passive: true, capture: true };
             document.addEventListener('click', this.onClick, clickEventOptions);
             document.addEventListener('contextmenu', this.onClick, clickEventOptions);
@@ -111,7 +111,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 = '7.10.8';
+export const VERSION = '7.10.9';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "7.10.8",
+  "version": "7.10.9",
   "description": "Element Framework Elements",
   "author": "LSEG",
   "license": "Apache-2.0",
@@ -354,7 +354,7 @@
   },
   "devDependencies": {
     "@refinitiv-ui/core": "^7.4.1",
-    "@refinitiv-ui/demo-block": "^7.1.7",
+    "@refinitiv-ui/demo-block": "^7.1.8",
     "@refinitiv-ui/i18n": "^7.1.3",
     "@refinitiv-ui/phrasebook": "^7.1.1",
     "@refinitiv-ui/test-helpers": "^7.1.0",
@@ -373,5 +373,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8b23e2bfb34daf403420a349da85f7f0410dc678"
+  "gitHead": "e69ebb5e49499843241d90cd4b6812193c7cbfb7"
 }