Fix Safari misaligning width/height placeholders

Setting an explicit line height on the width and height text fields prevents a small visual bug in Safari where the fields flicker when a number is typed in.
WordPress · Apr 3, 2018 · dea294d · dea294d
1 parent 252ad41
commit dea294d
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/blocks/library/image/editor.scss b/blocks/library/image/editor.scss
@@ -103,6 +103,11 @@
 	.blocks-image-dimensions__width,
 	.blocks-image-dimensions__height {
 		margin-bottom: 0.5em;
+
+		// Fix the text and placeholder text being misaligned in Safari
+		input {
+			line-height: 1.25;
+		}
 	}
 
 	.blocks-image-dimensions__width {