fix: feature detection for IntersectionObserver (#4378)

Author: mfranzke

packages/components/src/components/custom-select/custom-select.lite.tsx

@@ -580,16 +580,18 @@ export default function DBCustomSelect(props: DBCustomSelectProps) {
 		state._infoTextId = mId + '-info';
 		state._invalidMessage = props.invalidMessage || DEFAULT_INVALID_MESSAGE;
 
-		state._observer = new IntersectionObserver((payload) => {
-			if (detailsRef) {
-				const entry = payload.find(
-					({ target }) => target === detailsRef
-				);
-				if (entry && !entry.isIntersecting && detailsRef.open) {
-					detailsRef.open = false;
+		if (typeof window !== 'undefined' && 'IntersectionObserver' in window) {
+			state._observer = new IntersectionObserver((payload) => {
+				if (detailsRef) {
+					const entry = payload.find(
+						({ target }) => target === detailsRef
+					);
+					if (entry && !entry.isIntersecting && detailsRef.open) {
+						detailsRef.open = false;
+					}
 				}
-			}
-		});
+			});
+		}
 	});
 
 	onUpdate(() => {

packages/components/src/components/popover/popover.lite.tsx

@@ -130,14 +130,19 @@ export default function DBPopover(props: DBPopoverProps) {
 				_ref.addEventListener(event, () => state.handleLeave());
 			});
 
-			state._observer = new IntersectionObserver((payload) => {
-				const entry = payload.find(
-					({ target }) => target === state.getTrigger()
-				);
-				if (entry && !entry.isIntersecting) {
-					state.handleEscape(false);
-				}
-			});
+			if (
+				typeof window !== 'undefined' &&
+				'IntersectionObserver' in window
+			) {
+				state._observer = new IntersectionObserver((payload) => {
+					const entry = payload.find(
+						({ target }) => target === state.getTrigger()
+					);
+					if (entry && !entry.isIntersecting) {
+						state.handleEscape(false);
+					}
+				});
+			}
 		}
 	}, [_ref, state.initialized]);
 

packages/components/src/components/tooltip/tooltip.lite.tsx

@@ -117,14 +117,19 @@ export default function DBTooltip(props: DBTooltipProps) {
 				}
 			}
 
-			state._observer = new IntersectionObserver((payload) => {
-				const entry = payload.find(
-					({ target }) => target === state.getParent()
-				);
-				if (entry && !entry.isIntersecting) {
-					state.handleEscape(false);
-				}
-			});
+			if (
+				typeof window !== 'undefined' &&
+				'IntersectionObserver' in window
+			) {
+				state._observer = new IntersectionObserver((payload) => {
+					const entry = payload.find(
+						({ target }) => target === state.getParent()
+					);
+					if (entry && !entry.isIntersecting) {
+						state.handleEscape(false);
+					}
+				});
+			}
 
 			state.initialized = false;
 		}