web-platform-tests / web-platform-tests/interop

CSS forms: Use align-content for button / input centering

Open
#1,410 1 comment 5 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

focus-area-proposal
Dominant language
JavaScript
Stars
524
Forks
35
Avg merge
1d 4h
Merged PRs (30d)
10

Description

Description

This allows authors to override the alignment of text in buttons, making it easier to style form controls.

Note that the spec here is still under discussion. However our implementation experience suggests that successfully shipping this is a coordination/webcompat issue because some sites are expecting the current behaviour; if browsers don't ship together this platform change is unlikely to be possible.

Specification

https://github.com/w3c/csswg-drafts/issues/14190

web-feature

No response

Test Links

https://wpt.fyi/results/html/rendering/non-replaced-elements/form-controls/resets.html?label=master&label=experimental&aligned&q=html%2Frendering%2Fnon-replaced-elements%2Fform-controls%2Fresets.html
https://wpt.fyi/results/html/rendering/widgets/baseline-alignment-and-overflow.tentative.html?label=master&label=experimental&aligned&q=html%2Frendering%2Fwidgets%2Fbaseline-alignment-and-overflow.tentative.html

Additional Signals

https://bugzilla.mozilla.org/show_bug.cgi?id=2055599

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked CSSWG specification issue and the two WPT results for form-control resets and baseline alignment. Review the related Bugzilla issue and current test behavior; this is done when the specification and browser coordination questions are resolved and the relevant interoperability tests reflect the agreed behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend, testing, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.