1512577 - button painted with wrong color at blogger

Status: RESOLVED WORKSFORME

(Web Compatibility :: Site Reports, defect, P3)

Description

[ICHIMARU Takeshi(a.k.a. Ayakawa)]

Attachment: bad_color_button.png

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:65.0) Gecko/20100101 Firefox/65.0

Steps to reproduce:

1. set to simple theme of blogger
2. enter blogger menu


Actual results:

「新しい投稿」 button is not painted with orange


Expected results:

button is painted with orange

Comment 1

[ICHIMARU Takeshi(a.k.a. Ayakawa)]

regression ?
good  https://archive.mozilla.org/pub/firefox/nightly/2018/11/2018-11-29-09-55-46
bad   https://archive.mozilla.org/pub/firefox/nightly/2018/11/2018-11-29-21-44-05

Comment 2

[Alice0775 White]

Regression window:
https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=a0e0ae690520f845febd99f243e7910fda287aad&tochange=54649cf34d98c313a706c333b395b1aff6c3c260

Triggered by : Bug 1337655

Comment 3

[Alice0775 White]

Attachment: reduced html

Comment 4

[Daniel Holbert [:dholbert]]

Yeah, Blogger seems to be doing UA sniffing & they serve us different CSS from what they serve to Chrome/Safari.

They serve -moz prefixed gradients to Firefox, and -webkit prefixed gradients to Chrome/Safari. And standardized unprefixed "linear-gradient" to neither of us. :(

Ideally they should be serving standard unprefixed gradient syntax these days, and/or at least serving the same CSS to Firefox and Chrome rather than UA sniffing.

Comment 5

[Jared Wein [:jaws] (please needinfo? me)]

Hey Mike, do we have a contact at Blogger that we can reach out to?

Comment 6

[Mike Taylor [:miketaylr]]

I'll send an email to our Google partner list.

Comment 7

[Mike Taylor [:miketaylr]]

(1337655 was backed out, so unsetting 65 as affected)

Comment 8

[Firefox Bug Husbandry Bot]

See bug 1547409. Moving webcompat whiteboard tags to keywords.

Comment 9

[Oana Arbuzov [:oanaarbuzov]]

Based on the reduced html test, the button is displayed correctly on Firefox, but broken on Chrome.
https://prnt.sc/8G6j3sKdOrqT

Tested with:
Browser / Version: Firefox Nightly 103.0a1 (2022-06-03)
Operating System: Windows 10 Pro

ICHIMARU Takeshi how is it displayed on the blog for you?

Comment 10

[Daniel Holbert [:dholbert]]

(In reply to Oana Arbuzov [:oanaarbuzov] from comment #9)

Based on the reduced html test, the button is displayed correctly on Firefox, but broken on Chrome.
https://prnt.sc/8G6j3sKdOrqT

Yeah, that's expected (and not a Chrome bug). To clarify -- the reduced testcase was reduced from the HTML that blogger was sending Firefox; it's not expected to work in Chrome. (Blogger was sending Firefox and Chrome different vendor-prefixed syntax, which was part of the problem here; and the reduced testcase is from what they were sending us.) See comment 4.

It looks like the commit that caused the behavior change here (bug 1337655) was backed out and wontfix'ed, per comment 7. Before that backout, Firefox would've rendered the attached reduced-testcase as "bad", which is why this bug was filed. But things should be back to being fine ever since the backout.

(Also, independently, maybe Blogger has changed their styling/design? It doesn't look like the original screenshot anymore, though I may not be looking at the right page.)

In any case, this should be fine now, since we backed out bug 1337655.