layout: Fix Textual <input> Vertical Align Style (#39014)

Reincorporate the styles to help with the vertical alignment of textual
`<input>` element that was removed by #38775. Followed by adding Servo
specific WPTs to help with these kinds of problem.

Testing: New WPT

Signed-off-by: Jo Steven Novaryo <jo.steven.novaryo@huawei.com>
This commit is contained in:
Jo Steven Novaryo 2025-09-09 11:09:38 +08:00 committed by GitHub
parent 2895ff233a
commit 8d2723b2c9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 112 additions and 3 deletions

View file

@ -38,14 +38,14 @@ input:not(:placeholder-shown)::placeholder {
input::-servo-text-control-inner-editor, input::placeholder {
block-size: fit-content !important;
inset-block: 0 !important;
margin-block: auto !important;
min-width: stretch;
white-space: pre;
}
input::placeholder {
color: grey;
inset-block: 0 !important;
margin-block: auto !important;
overflow: hidden;
pointer-events: none !important;
position: absolute !important;