Fix popover resizing when switching between edit and preview mode

WordPress · Jul 9, 2021 · 691f276 · 691f276
1 parent 64af8e2
commit 691f276
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/block-editor/src/components/media-replace-flow/style.scss b/packages/block-editor/src/components/media-replace-flow/style.scss
@@ -29,7 +29,11 @@
 	}
 
 	.block-editor-link-control {
-		width: auto;
+		width: 200px; // hardcoded width avoids resizing of control when switching between preview/edit
+
+		.block-editor-url-input {
+			padding: 0; // cancel unnecessary default 1px padding in this case
+		}
 
 		.components-base-control .components-base-control__field {
 			margin-bottom: 0;
@@ -45,11 +49,12 @@
 		}
 
 		.block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] {
-			margin: 16px 0 0 0;
+			margin: 0;
 			width: 100%;
 		}
 
 		.block-editor-link-control__search-actions {
+			top: 0; // cancel default top positioning
 			right: 4px;
 		}
 	}