Mats, and others,

Le 17 févr. 2017 à 17:38, Karl Dubost <kdub...@mozilla.com> a écrit :
> TLDR: removing -moz-appearance will break some sites. At least Japan airlines.

Let me rephrase this in a way which is more interesting for the Web 
compatibility stand point of view.

SHIP: OK!
    -appearance: none
    -webkit-appearance: none


UNSHIP: OK with a condition.
    -moz-appearance: none

If I check carefully the way the site are currently dropping the arrows on the 
select/option widget is by having -webkit-appearance: button or 
-webkit-appearance: none.

For compatibility we would need this at the same time we unship 
-moz-appearance: none 

        -webkit-appearance: button
        -moz-appearance: button
        appearance: button

-webkit-appearance: button and -moz-appearance: button behaves differently.
See the bug https://bugzilla.mozilla.org/show_bug.cgi?id=1246836


I created a test.
http://www.la-grange.net/2017/02/21/appearance/appearance-test-0001.html

The issue is that when we set 

    -moz-appearance: button 

we get a widget with arrows while -webkit-appearance: button deliver a simple 
button.

So if the site does:

    -webkit-appearance: button;
    -moz-appearance: button;
    background: <image>

The rendering looks broken in Firefox.

and if the site does:

    -webkit-appearance: button;
    -moz-appearance: none;
    appearance: button
    background: <image>

the site will be broken if we unship -moz-appearance: none



-- 
Karl Dubost, mozilla 💡 Webcompat
http://www.la-grange.net/karl/moz





_______________________________________________
dev-platform mailing list
dev-platform@lists.mozilla.org
https://lists.mozilla.org/listinfo/dev-platform

Reply via email to