Fix text input rendering with text-indent.

moz-wptsync-bot · moz-wptsync-bot · commit ce173bb0fb52 · 2026-05-04T14:22:31.000+01:00
Don't apply text-indent to the outer input frame, since all the inner frames also apply it. This gets the behavior from before my patch and is consistent with other browsers as well. Differential Revision: https://phabricator.services.mozilla.com/D296252 bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=2034573 gecko-commit: 1afa0cd0bd32e952553d77f6af516b6f0bfce5c4 gecko-commit-git: e562ea4a57c49fad1c6b26682f47395ec76364b6 gecko-reviewers: layout-reviewers, dholbert
diff --git a/html/rendering/replaced-elements/attributes-for-embedded-content-and-images/input-text-indent-ref.html b/html/rendering/replaced-elements/attributes-for-embedded-content-and-images/input-text-indent-ref.html
@@ -1,8 +1,10 @@
 <!doctype html>
 <meta charset="utf-8">
 <title>CSS Test Reference</title>
+<link rel="stylesheet" href="/fonts/ahem.css">
 <style>
   input {
+    font: 15px / 1 Ahem;
     box-sizing: border-box;
     width: 150px;
     border: 1px solid;
diff --git a/html/rendering/replaced-elements/attributes-for-embedded-content-and-images/input-text-indent.html b/html/rendering/replaced-elements/attributes-for-embedded-content-and-images/input-text-indent.html
@@ -5,8 +5,10 @@
 <link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
 <link rel="author" href="https://mozilla.com" title="Mozilla">
 <link rel="match" href="input-text-indent-ref.html">
+<link rel="stylesheet" href="/fonts/ahem.css">
 <style>
   input {
+    font: 15px / 1 Ahem;
     box-sizing: border-box;
     width: 150px;
     border: 1px solid;
