fix(ui5-popover): fix "containing block" issue on safari (#7985)

Fixes: #7983
SAP · Dec 8, 2023 · e2a9891 · e2a9891
1 parent 7a0ba14
commit e2a9891
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/base/src/util/isElementContainingBlock.ts b/packages/base/src/util/isElementContainingBlock.ts
@@ -2,11 +2,11 @@ const isElementContainingBlock = (el: HTMLElement) => {
 	const computedStyle = getComputedStyle(el);
 
 	return ["size", "inline-size"].indexOf(computedStyle.containerType) > -1
-		|| ["transform", "perspective"].indexOf(computedStyle.willChange) > -1
-		|| ["layout", "paint", "strict", "content"].indexOf(computedStyle.contain) > -1
-		|| computedStyle.transform !== "none"
-		|| computedStyle.perspective !== "none"
-		|| computedStyle.backdropFilter !== "none";
+	|| ["transform", "perspective"].indexOf(computedStyle.willChange) > -1
+	|| ["layout", "paint", "strict", "content"].indexOf(computedStyle.contain) > -1
+	|| (computedStyle.transform && computedStyle.transform !== "none")
+	|| (computedStyle.perspective && computedStyle.perspective !== "none")
+	|| (computedStyle.backdropFilter && computedStyle.backdropFilter !== "none");
 };
 
 export default isElementContainingBlock;