Intent to Deprecate and Remove: -webkit-appearance:button for arbitrary elements

[TAMURA, Kent]

Contact emails tk...@chromium.org

Design docs/spec Specification: https://drafts.csswg.org/css-ui-4/#propdef-appearance

Summary Changes -webkit-appearance:button to work only with <button> and <input> buttons. If 'button' is specified to non-supported element, the element has the default appearance.

Note that it's stricter than css-ui-4 draft, which allows to apply 'button' to many other element types. We try the stricter set, and will give feedback to css-ui-4.

This is a follow-up of "Intent to Deprecate and Remove: -webkit-appearance keywords for arbitrary elements", which had a concern about dropping -webkit-appearance:button support for elements other than <select> and <a>. This intent has new counter data.

Motivation Some of keywords already have such behavior. We should expand it to all keywords for consistency and to reduce implementation complexity.

Interoperability and Compatibility Risk Chrome will be the first browser implementing the new behavior.

Page view impact would be 0.002% (C1) + 0.0028% (C2).  Affected pages will have elements missing button appearance.

Edge: No signal
Firefox: Supported in private email
Safari: No signal

Alternative implementation suggestion for web developers

Developers needs to make button-like appearance with their own way.

Usage information from UseCounter

C1: https://chromestatus.com/metrics/feature/timeline/popularity/2964

This counts pages in which elements other than <button>, <input> buttons, <select>, <a>, and C2 below are painted as -webkit-appearance:button.

C2: https://chromestatus.com/metrics/feature/timeline/popularity/2963

PhistucK pointed out Bootstrap had a loose selector to specify -webkit-appearance:button.

This counts pages with such elements other than <button>, <input> buttons, <select>, and <a>.  This behavior change might correct rendering of the counted pages.

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/4867142128238592

Requesting approval to remove too?

Yes.

Plan:

  M79: Show deprecation messages

  M80: Change the behavior

--

TAMURA Kent
Software Engineer, Google

[Yoav Weiss]

LGTM1

Thanks for following up with tighter data! :)

--
You received this message because you are subscribed to the Google Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAGH7WqG1b3bHK04jbbTCdez4PUMUHVGxn6COA4UaRStUFi0v4g%40mail.gmail.com.

[Philip Jägenstedt]

LGTM2, very pleased to see us attempting this with the intention to
give feedback on what the spec should say.

> To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CACj%3DBEhM5MdtahH9Np7r7yZ0WQBxbsYE2WvZBCa3F_gXcJi1Cg%40mail.gmail.com.

[Chris Harrelson]

LGTM3

To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAARdPYcOpKZLfvj-GhgWpsShrAadbRb%3D-EA6vWNzD65PJPfAxw%40mail.gmail.com.