Fix legacy widget form positioning in customizer (#43297)

* Fix legacy widget form positioning in customizer * Reduce offset
WordPress · Aug 23, 2022 · 57a0228 · 57a0228
1 parent 889c79b
commit 57a0228
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/widgets/src/blocks/legacy-widget/edit/form.js b/packages/widgets/src/blocks/legacy-widget/edit/form.js
@@ -103,8 +103,10 @@ export default function Form( {
 				) }
 				<Popover
 					focusOnMount={ false }
-					position="middle right"
+					placement="right"
+					offset={ 32 }
 					__unstableForcePosition
+					__unstableShift
 				>
 					<div
 						ref={ ref }

diff --git a/packages/widgets/src/blocks/legacy-widget/editor.scss b/packages/widgets/src/blocks/legacy-widget/editor.scss
@@ -5,7 +5,9 @@
 	background: $white;
 	border-radius: $radius-block-ui;
 	border: 1px solid $gray-900;
-	padding: $grid-unit-15 - 1px; //Subtract the border width.
+	padding: $grid-unit-15 - 1px; // Subtract the border width.
+	max-height: calc(100vh - 2px); // Subtract the border width (both top and bottom).
+	overflow-y: scroll;
 
 	.wp-block-legacy-widget__edit-form-title {
 		color: $black;