New issue
Advanced search Search tips

Issue 751148 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner:
Closed: Feb 2018
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux
Pri: 2
Type: Bug



Sign in to add a comment

Corrupted rendering of datauri images with translate3d

Reported by rob...@cosmicrealms.com, Aug 1 2017

Issue description

UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.40 Safari/537.36

Steps to reproduce the problem:
1. Open test case  
2. See some of the images not rendering correctly 

What is the expected behavior?
All images should render correctly.

What went wrong?
Applying translate3d() to too many images with large datauri src's causes the images not to render correctly.

If you swap the source out with an external PNG src, it works fine.

If you do not apply translate3d() it works fine.

If you use another web browser, such as Firefox or Safari 10.1.1 (MacOS) it works fine.

If you uncheck "Use hardware acceleration when available" then the rendering problems are worse!

Did this work before? No 

Does this work in other browsers? Yes

Chrome version: 60.0.3112.40  Channel: dev
OS Version: 
Flash Version: Shockwave Flash 26.0 r0

I tested back to chrome 36. It was worse in that, several images just didn't appear at all. Testing in multiple versions since then all have this problem.

Note, the test case file I also uploaded here: https://telparia.com/test_translate3d_bug.html
 
test_translate3d_bug.html
4.1 MB View Download
Note: You need to view this in a window that is large enough to display all the cards. If you have to scroll to the right to see the cards, then the bug doesn't happen.
Also, using translateX/translateY fixes the problem. This only happens when using translate3D()

Also, the datauri images are twice the resolution I'm rendering them at. If I re-create the datauri images at the same resolution, doesn't happen.
Labels: Needs-Triage-M60
Labels: TE-NeedsTriageFromMTV
@robert Thank you for the issue.

Unable to reproduce this issue on Ubuntu 14.04 latest Stable 60.0.3113.90 and Windows 10 Stable 60.0.3112.90.
Tried to reproduce the issue on machines with display as 1920 x 1080 and 1920 x 1200 but somehow the page is not rendered without horizontal scroll bar. This looks to be specific to particular display size. Could you please provide the display size of the monitor where you are the seeing the issue.

Looping MTV team, to cross check if any such display is available for this issue.


Thanks
This is at 2560x1440 resolution.
Components: Blink>Compositing>Transform3D
Labels: -TE-NeedsTriageFromMTV -Needs-Triage-M60
Owner: schenney@chromium.org
Status: Assigned (was: Unconfirmed)
Status: WontFix (was: Assigned)
Works as intended on linux at over 3000x1600. i.e. no corruption. If you are still seeing it then please reopen the bug.
Working fine now in 64.0.3282.71

Thanks.

Sign in to add a comment