Fix overflow:hidden hides the bottom of tablet/mobile preview (#38019)

WordPress · Jan 17, 2022 · 4102b2b · 4102b2b
1 parent d06bfc0
commit 4102b2b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/edit-site/src/components/block-editor/style.scss b/packages/edit-site/src/components/block-editor/style.scss
@@ -24,6 +24,12 @@
 		.edit-site-visual-editor__editor-canvas {
 			border-radius: 2px;
 		}
+
+		// To hide the horizontal scrollbar and show the drag handle on the
+		// left and right of the container.
+		.components-resizable-box__container {
+			overflow: visible;
+		}
 	}
 }
 
@@ -46,6 +52,8 @@
 
 .components-resizable-box__container {
 	margin: 0 auto;
+	// Removing this will cancel the bottom margins in the iframe.
+	overflow: auto;
 }
 
 .resizable-editor__drag-handle {

diff --git a/packages/edit-site/src/components/editor/style.scss b/packages/edit-site/src/components/editor/style.scss
@@ -32,7 +32,6 @@ html.wp-toolbar {
 	position: relative;
 	height: 100%;
 	display: block;
-	overflow: hidden;
 
 	iframe {
 		display: block;