webcompat / web-bugs

A place to report bugs on websites.
https://webcompat.com
Mozilla Public License 2.0
735 stars 63 forks source link

www.google.com - design is broken #18121

Closed reinhart1010 closed 6 years ago

reinhart1010 commented 6 years ago

URL: https://www.google.com/logos/2014/rubiks/iframe/index.html

Browser / Version: Firefox Mobile 63.0 Operating System: Android 7.0 Tested Another Browser: Yes

Problem type: Design is broken Description: White dots are visible along the Rubik's Cube edges Steps to Reproduce:

  1. Visit the site.

Not Reproducible In:

  1. Safari on iOS 6.1.6
  2. Google Chrome 57 on Android 7.0

Screenshot Description

softvision-sergiulogigan commented 6 years ago

Not sure I understand the issue here, @reinhart1010

I am getting this on both Firefox Nightly and Chrome:

image

Can you please elaborate on this issue?

reinhart1010 commented 6 years ago

The white dots between the edges. This issue could be device-specific. screenshot_20180807-144252

softvision-sergiulogigan commented 6 years ago

This issue could be device-specific.

I think so, @reinhart1010 Do you have one more device you could test on? Maybe even on RDM?

softvision-sergiulogigan commented 6 years ago

Reping @reinhart1010

reinhart1010 commented 6 years ago

Samsung Galaxy J7 Pro (2017), Android 7.0.

Anyway I can also reproduce this issue in Firefox on Windows 10 Build 1803 by zooming in the page.

image

reinhart1010 commented 6 years ago

From the Web Inspector, this cube consists of a lot of 3D-translated square <div>s. I believe this is an issur related with CSS rendering (This issue is reproducible regardless of enabling WebRender or not.)

softvision-sergiulogigan commented 6 years ago

Bingo!

image

This is how it looks zoomed at 210%.

karlcow commented 6 years ago

Previously #3273 related to the same page but different issues. That said not sure it's a priority at this point. :)

karlcow commented 6 years ago

Duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1488334