From dea294d006cf141d6b23c28c8b0d55e1126bc64c Mon Sep 17 00:00:00 2001
From: Robert Anderson <robert@noisysocks.com>
Date: Tue, 3 Apr 2018 13:04:46 +1000
Subject: [PATCH] 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.
---
 blocks/library/image/editor.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/blocks/library/image/editor.scss b/blocks/library/image/editor.scss
index 2ac4d4491adf4..f7a99b682a6dd 100644
--- 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 {