WebKit export: [field-sizing] Larger placeholder font-size should expand the field (#54925)

nt1m · web-flow · commit 6c153e4e642b · 2025-09-18T07:18:55.000-07:00
https://bugs.webkit.org/show_bug.cgi?id=269127
diff --git a/html/rendering/widgets/field-sizing-placeholder-stretch-ref.html b/html/rendering/widgets/field-sizing-placeholder-stretch-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="/fonts/ahem.css">
+<style>
+input {
+  padding: 0px;
+  border: none;
+  font: 30px Ahem;
+  color: green;
+}
+</style>
+<input value="PASS if not clipped">
diff --git a/html/rendering/widgets/field-sizing-placeholder-stretch.html b/html/rendering/widgets/field-sizing-placeholder-stretch.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>Placeholder should stretch input when field-sizing is applied.</title>
+<link rel="help" href="https://drafts.csswg.org/css-ui-4/#field-sizing">
+<link rel=match href="field-sizing-placeholder-stretch-ref.html">
+<link rel="stylesheet" href="/fonts/ahem.css">
+
+<style>
+::placeholder {
+  font: 30px Ahem;
+  color: green;
+}
+input {
+  field-sizing: content;
+  padding: 0px;
+  border: none;
+}
+</style>
+<input placeholder="PASS if not clipped">
+<input style="height: 0px;" placeholder="PASS if fully clipped">
