Fix editor error in Safari due to availability of checkVisibility met…

…hod (#65069) * Fix editor error in Safari due to availability of checkVisibility method * Add fallback approach if checkVisibility is not available * Be specific about which Safari version we're talking about Co-authored-by: Ramon <[email protected]> --------- Co-authored-by: andrewserong <[email protected]> Co-authored-by: ramonjd <[email protected]>
WordPress · Sep 5, 2024 · 179cffa · 179cffa
1 parent 4ba79a2
commit 179cffa
Showing 1 changed file with 20 additions and 5 deletions.
diff --git a/packages/block-editor/src/utils/dom.js b/packages/block-editor/src/utils/dom.js
@@ -96,11 +96,26 @@ function isElementVisible( element ) {
 		return false;
 	}
 
-	return element.checkVisibility( {
-		opacityProperty: true,
-		contentVisibilityAuto: true,
-		visibilityProperty: true,
-	} );
+	// Older browsers, e.g. Safari < 17.4 may not support the `checkVisibility` method.
+	if ( element.checkVisibility ) {
+		return element.checkVisibility?.( {
+			opacityProperty: true,
+			contentVisibilityAuto: true,
+			visibilityProperty: true,
+		} );
+	}
+
+	const style = viewport.getComputedStyle( element );
+
+	if (
+		style.display === 'none' ||
+		style.visibility === 'hidden' ||
+		style.opacity === '0'
+	) {
+		return false;
+	}
+
+	return true;
 }
 
 /**