[csswg-drafts] [css-ui] Can we standardize the behavior of appearance:auto/none as it relates to a control and its pseudo-elements? (#4041)

BoCupp-Microsoft has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-ui] Can we standardize the behavior of appearance:auto/none as it relates to a control and its pseudo-elements? ==
https://drafts.csswg.org/css-ui/#appearance-switching

Can we standardize the behavior of appearance:auto/none as it relates to a control and its pseudo-elements?

Sorry if I'm late to the discussion, but I spent some time looking through [this spec](https://drafts.csswg.org/css-ui/#appearance-switching) today and experimenting with the level of interop browsers currently have for -webkit-appearance.  My conclusions are:

1. the primary value of appearance is in specifying 'none' for built-in controls so that authors can build a custom look on top of a base set of styles using CSS.
2. interop of -webkit-appearance:none is poor between browsers

Here's [a JSBin with some samples](https://jsbin.com/jocalonaco/edit?html,output) and notes on the interop issues I'm talking about.  

And here are some questions about what can be specified to help address those interop issues:

- Can we specify whether fallback content should appear when the control has appearance:none set?
- Can we specify whether all psuedo-elements of a control and the control itself should "disappear" when the control has appearance:none set?
- Can we specify what CSS should be used to make a control disappear: display, height/width, visibility?
- Some controls, like button, fallback to a base rule set to enable incremental styling by the author instead of "zeroing" the CSS to such an extent that the author must effectively style all aspects of the control.  Can we specify a consistent behavior for all controls, i.e. pick one of the zeroing or base rule set behaviors?
- Some controls (e.g. checkbox, range, meter and I'm sure others) require that appearance:none be set before styling of a control has any effect.  Can we specify that this is required behavior for controls (maybe new ones will be invented) and which existing controls are exempted due to web compat.

Thanks in advance for your thoughts!



Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4041 using your GitHub account

Received on Tuesday, 18 June 2019 15:04:59 UTC