Use UA styles rather than prose to define <input> clip.

[emilio]

The previous prose to make overflow act as visible with regards to other CSS features but still clip didn't work well with e.g. text-overflow: ellipsis. CSS now has a standard way to do what input buttons need, i.e. clip and also not affect interaction with vertical-align.

Fixes #9976.

• At least two implementers are interested (and none opposed):
  • Gecko
  • Chromium
• Tests are written and can be reviewed and commented upon at:
  • https://phabricator.services.mozilla.com/D195419
• Implementation bugs are filed:
  • Chromium: https://bugs.chromium.org/p/chromium/issues/detail?id=1383144
  • Gecko: https://bugzilla.mozilla.org/show_bug.cgi?id=1800077
  • WebKit: https://bugs.webkit.org/show_bug.cgi?id=266469
• MDN issue is filed: N/A
• The top of this comment includes a clear commit message to use.

---

💥 Error: Wattsi server error 💥

PR Preview failed to build. (Last tried on Dec 18, 2023, 8:10 PM UTC).

More

PR Preview relies on a number of web services to run. There seems to be an issue with the following one:

🚨 Wattsi Server - Wattsi Server is the web service used to build the WHATWG HTML spec.

🔗 Related URL

error code: 524

If you don't have enough information above to solve the error by yourself (or to understand to which web service the error is related to, if any), please file an issue.

[emilio]

@mfreed7 fyi, I realized I also need to use overflow-clip-margin to preserve behavior properly.

[mfreed7]

@mfreed7 fyi, I realized I also need to use overflow-clip-margin to preserve behavior properly.

Yeah, that seems reasonable.

[mfreed7]

LGTM

[zcorpan]

I'd say this doesn't need an MDN update.