Fix text input rendering with text-indent.

emilio · moz-wptsync-bot · commit e18ee881f51e · 2026-04-24T22:51:23.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: 3124ce9ce1cf5a9979266ae9f1b75f3a7a46ac26 gecko-commit-git: 91b23e5896df6ab46aaab17fb0ea6afa5323e5c1 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
@@ -0,0 +1,15 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<style>
+  input {
+    box-sizing: border-box;
+    width: 150px;
+    border: 1px solid;
+    padding: 0;
+    margin: 0;
+    padding-inline-start: 10px;
+  }
+</style>
+<input placeholder="XXX"><br>
+<input value="XXX">
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
@@ -0,0 +1,19 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>Input rendering with text-indent</title>
+<link rel="help" href="https://bugzil.la/2034573">
+<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">
+<style>
+  input {
+    box-sizing: border-box;
+    width: 150px;
+    border: 1px solid;
+    padding: 0;
+    margin: 0;
+    text-indent: 10px;
+  }
+</style>
+<input placeholder="XXX"><br>
+<input value="XXX">
