From d1359fd86d96c933e85923273b977af988902cb8 Mon Sep 17 00:00:00 2001
From: Simon Pieters
Date: Fri, 24 May 2019 23:15:54 +0200
Subject: [PATCH] [css-ui] Restrict appearance: button more
Per web compat analysis [1], the `button` value can be restricted to
* `a`
* `button`
* `input type=button/reset/submit`
* drop-down box `select`
Part of #3024
Tests: TODO
[1] https://github.com/w3c/csswg-drafts/issues/3024#issuecomment-493818911
---
css-ui-4/Overview.bs | 22 ++++++++++++++--------
1 file changed, 14 insertions(+), 8 deletions(-)
diff --git a/css-ui-4/Overview.bs b/css-ui-4/Overview.bs
index 6abd63facff..1a473b6e492 100644
--- a/css-ui-4/Overview.bs
+++ b/css-ui-4/Overview.bs
@@ -87,6 +87,7 @@ spec:css-overflow-4; type:property; text:text-overflow
spec:selectors-4; type:selector; text::enabled
spec:selectors-4; type:selector; text::disabled
spec:css-color-4; type:property; text:color
+spec:html; type:element; text:a
@@ -1841,19 +1842,24 @@ Animation type: discrete
button
- The element is rendered with the look and feel of a push button,
- similar to the ''appearance: auto'' rendering of the [[HTML]] <{button}> element.
+ For <{a}> elements,
+ <{button}> elements,
+ <{input}> elements whose <{input/type}> attribute is in
+ the Button state,
+ the Reset state,
+ or the Submit Button state,
+ and drop-down box <{select}> elements:
+ the element is rendered with the look and feel of a push button.
- UAs must treat this value as ''appearance/auto'' on <{input}> elements,
- <{textarea}> elements, list box <{select}> elements, <{meter}> elements, and <{progress}> elements.
-
- Note: Using ''appearance/button'' on a drop-down box <{select}> element works.
+ For all other elements, this value has the same effect as ''appearance/auto''.
textfield
- For <{input}> elements where the <{input/type}> attribute is in the Search state,
+ For <{input}> elements where the <{input/type}> attribute is in
+ the Search state,
the element is rendered as a "normal" text entry widget,
- similar to an <{input}> element where the <{input/type}> attribute is in the Text state.
+ similar to an <{input}> element where the <{input/type}> attribute is in
+ the Text state.
For all other elements, this value has the same effect as ''appearance/auto''.