Fix Safari 13 issue. (#32581)

* Fix Safari 13 issue. * Another fix.
WordPress · Jun 14, 2021 · 622b612 · 622b612
1 parent 388b7e3
commit 622b612
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/edit-post/src/components/visual-editor/index.js b/packages/edit-post/src/components/visual-editor/index.js
@@ -119,7 +119,7 @@ export default function VisualEditor( { styles } ) {
 	const { clearSelectedBlock } = useDispatch( blockEditorStore );
 	const { setIsEditingTemplate } = useDispatch( editPostStore );
 	const desktopCanvasStyles = {
-		height: '100%',
+		minHeight: '100%',
 		width: '100%',
 		margin: 0,
 		display: 'flex',

diff --git a/packages/edit-post/src/components/visual-editor/style.scss b/packages/edit-post/src/components/visual-editor/style.scss
@@ -61,6 +61,9 @@
 
 .edit-post-visual-editor__content-area {
 	width: 100%;
-	height: 100%;
+	// If this is set to height: 100%; it breaks in Safari 13, which calculates the height relatively to the incorrect flex container.
+	// By setting it as a min-height instead, it appears to work in all cases.
+	min-height: 100%;
 	position: relative;
+	display: flex;
 }