Web-bugs: www.google.com - "Street View" image doesn't load

[webcompat-bot]

URL: https://www.google.com/search?q=Wiejska+94%2C+Inwa%C5%82d

Browser / Version: Firefox 79.0
Operating System: Windows 10
Tested Another Browser: Yes Chrome

Problem type: Design is broken
Description: Images not loaded
Steps to Reproduce:
Image background for Google street view is invisible due incorrect linear-gradient generated by Gooogle:

linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.5))

Google "script" for Firefox 57+ ommit needed -moz- prefix also no try use corect syntax:

linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5))

Supported by Firefox Quantum.

View the screenshot

Browser Configuration

• None

_From webcompat.com with ❤️_

[softvision-oana-arbuzov]

Thanks for the report, I was able to reproduce the issue.

Note:

1. The issue is not reproducible on Chrome.
2. The issue is reproducible on Firefox regardless if ETP is enabled or not.

Affected area:

<div class="DviQ8b" style="top:246px;left:12px;height:78px">
    <a href="/maps/place/Wiejska+94,+Inwa%C5%82d/@49.8596939,19.3918791,3a,75y,143.76h,90t/data=!3m4!1e1!3m2!1sUNvfOoFY4w-4s018ZOzdNg!2e0!4m2!3m1!1s0x4716859de4d3eaf7:0x3cfb4cac47e87d28?sa=X&amp;ved=2ahUKEwjgre26u-_qAhU3gnIEHRPWAfkQxB0wAHoECAsQAg">
        <div class="wpk9re" style="background-image:linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.5)),url('//geo1.ggpht.com/cbk?panoid=UNvfOoFY4w-4s018ZOzdNg&amp;output=thumbnail&amp;cb_client=search.gws-prod.gps&amp;thumb=2&amp;yaw=143.75676&amp;pitch=0&amp;thumbfov=100&amp;w=158&amp;h=78');height:78px;width:158px"></div>
        <div style="position:absolute;bottom:3px;left:5px;font-weight:normal;word-wrap:break-word;font-size:11px;color:#fff">Street View</div>
    </

Tested with:
Browser / Version: Firefox Nightly 81.0a1 (2020-07-27)
Operating System: Windows 10 Pro

Moving to Needsdiagnosis for further investigation.

[TyDraniu]

After changing useragent to Chrome/62, the style is changing to:
style="background-image:webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.5)),url()"
...and it starts working.

[karlcow]

Contacted Google Mailing list about it.

[softvision-oana-arbuzov]

The layout has changed, it seems that they removed the image now.

Tested with:
Browser / Version: Firefox Nightly 83.0a1 (2020-10-01), Chrome 85.0.4183.121, Opera 71.0.3770.198, Microsoft Edge 85.0.564.68
Operating System: Windows 10 Pro

[krystian3w]

No better create other milestone as:

Issues which do not make sense or are clearly not in the scope of this project.

[softvision-oana-arbuzov]

Usually when layout changed we set as Invalid.
But it works to set it as Fixed too, since the image is removed everywhere. I will do this.

[krystian3w]

IMO pictures back with broken linear-gradient:

Fresh screennhot by Firefox extension (left):

|
--- | ---
Blue Google | Dark Google with removed icons

Maybe Google was A/B test before completely remove object and test failed.

[softvision-oana-arbuzov]

Thanks @krystian3w, indeed, the picture shows now on Google but not on Firefox.

Tested with:
Browser / Version: Firefox Nightly 84.0a1 (2020-11-04)
Operating System: Windows 10 Pro

Reopening for further investigation.

[karlcow]

I sent a reminder that this is still broken.