CSS: inline-block with a display:block <input> child element has a wrong baseline (HTML forms)

layout/reftests/forms/display-block-baselines-3.html

@@ -0,0 +1,73 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase #3 for bug 1330962</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+* { font:16px/1 monospace; }
+
+.block { display: block; }
+.grid { display: grid; }
+
+.no-theme {
+     -moz-appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
+  padding: 20px 0;
+  border: none;
+  background: white;
+}
+
+.scroll {
+  overflow-y: scroll;
+}
+
+.no-scroll {
+  overflow: visible;
+}
+
+  </style>
+</head>
+<body>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <textarea class="block">textarea</textarea>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <textarea class="block no-theme">textarea</textarea>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <textarea class="block no-theme no-scroll">textarea</textarea>
+  </div>
+  B
+</div>
+
+<div>
+  <div style="display:inline-block">
+    A
+    <fieldset class="block">fieldset-first<br>fieldset-last</fieldset>
+  </div>
+  B
+</div>
+
+
+</body>
+</html>