Bug 1989338 [wpt PR 54925] - WebKit export: [field-sizing] Larger placeholder font-size should expand the field, a=testonly

nt1m · moz-wptsync-bot · commit 99bb0f2d7149 · 2025-09-24T11:04:11.000Z
Automatic update from web-platform-tests WebKit export: [field-sizing] Larger placeholder font-size should expand the field (#54925) https://bugs.webkit.org/show_bug.cgi?id=269127 -- wpt-commits: 6c153e4e642bb076ce81ac2c5d5309e0992f0bc6 wpt-pr: 54925
diff --git a/testing/web-platform/tests/html/rendering/widgets/field-sizing-placeholder-stretch-ref.html b/testing/web-platform/tests/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/testing/web-platform/tests/html/rendering/widgets/field-sizing-placeholder-stretch.html b/testing/web-platform/tests/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">
