1481636 - Consider aligning which elements `-moz-appearance` applies to more closely with Chrome

Status: NEW

(Core :: Layout, enhancement, P4)

Description

[Jonathan Watt [:jwatt]]

According to the crawl that MS did for Edge:

https://developer.microsoft.com/en-us/microsoft-edge/platform/usage/css/-webkit-appearance/

`-webkit-appearance: inherit` in only used on 0.025%, so probably not significant. I also don't understand why sites would actually want to use that value.

That said, I noticed that our behavior is different to Chrome's. For example, for:

data:text/html,<p style="-webkit-appearance: textfield"><input type=text
style="-webkit-appearance: inherit">

both Firefox and Chrome inherit (the child has the same computed value as the parent), but only Firefox visually applies the 'textfield' appearance to the parent <p>.

Probably not worth worrying about, but I thought I should file just in case.

Comment 1

[Emilio Cobos Álvarez [:emilio]]

This doesn't seem related to inherit at all, but to what does 'appearance' apply to, right?

Also, looks like `appearance` can change the display value in blink, which is lovely... :(

Comment 2

[Jonathan Watt [:jwatt]]

(In reply to Emilio Cobos Álvarez (:emilio) from comment #1)
> This doesn't seem related to inherit at all, but to what does 'appearance'
> apply to, right?

Indeed.

Thanks for fixing the summary, Simon.