New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 699180 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner: ----
Closed: Apr 2018
Cc:
Components:
EstimatedDays: ----
NextAction: 2017-03-27
OS: Mac
Pri: 2
Type: Bug-Regression



Sign in to add a comment

Browser Hardware Acceleration Affects CSS Scaling

Reported by nicholas...@gmail.com, Mar 7 2017

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36

Steps to reproduce the problem:
1. Create angular horizontally scrollable div with a series of divs with images in them. 
2. Use css transform: scale() to scale the top div to around 24%
3. Create more divs, that will be offscreen to the right, that also have images in them.
4. Scroll to the right to reveal off screen divs with images
5. The off screen divs will be partially rendered.
If hardware acceleration is turned off them the rendering will not be affected.

What is the expected behavior?
Full images are visible

What went wrong?
Images are partially revealed or not revealed at all.

Did this work before? Yes ?

Does this work in other browsers? Yes

Chrome version: 56.0.2924.87  Channel: stable
OS Version: OS X 10.12.3
Flash Version:

 
Labels: Needs-Triage-M56
Cc: hdodda@chromium.org
Labels: Needs-Feedback
@nicholas.arent-- Could you please provide us the sample testfile / testcase to reproduce the issue and also please help us by providing the expected result screenshot.

Thanks!
Hi, 
0. Launch the Chrome browser in the Mac OS operating system and make sure Hardware Acceleration is turned on in the browser advanced settings.
1. You can navigate to our public site, https://www.build.me/splashapp
2. In the pink banner click Got It and then Press the red Sign Up button and create an account for yourself.
3.Once logged in, press the Create New Project button and provide a title and description. Then press the Create Project button.
4. Next press Start Prototyping
5. From there press the Freestyle page tile.
6. Then in the top left corner there is a plus symbol in a circle. Press this to create another Freestyle page. Do this 5 times till you have a total of six pages. Don't scroll  yet though.
7. Once all six pages are created, scroll slowly to the right and you will see the 5th page is a partially rendered page and the sixth page is not rendered at all.

Let me know if you need more information.

Best Regards,
Nick

Screen Shot 2017-03-14 at 9.14.08 PM.png
27.4 KB View Download
Project Member

Comment 5 by sheriffbot@chromium.org, Mar 15 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "hdodda@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Components: -Blink>CSS Internals>GPU Blink>Paint
If this is HW acceleration related, it's unlikely to be a bug in the style engine.
Cc: krajshree@chromium.org
Labels: Needs-Feedback
Able to reproduce this issue in Mac 10.12.3 using chrome reported version #56.0.2924.87 and latest canary #59.0.3043.0.

Issue is not seen in M50.

Unable to provide bisect result as the site  https://www.build.me/splashapp is redirected to unsafe site as in the attached screenshot.

nicholas.arent@ - Could you please provide any other sample url to test this issue.

Thanks...!!
unsafe_site.png
181 KB View Download
Status: Untriaged (was: Unconfirmed)
Labels: BugSource-User PaintTeamTriaged-20170317
NextAction: 2017-03-27
Waiting on feedback so we can get a bisect. A reduction that does not involve signing up for a service would be good too. Can you just save the failing page?
Status: WontFix (was: Untriaged)
WontFix due to lack of feedback. Reopen if we can get a reduction that avoids the unsafe site.
Sorry for the delayed response, I've been trying to get a response from my team about this security error you are receiving because I don't receive it. Could you please try again? I don't know how else to give you an example because this is our public facing site. 
I hope someone can help use here because this bug is affecting our product with no work around. 

Hi, I just saw the message about saving the site. I have saved it and uploaded it here now. The problem is reproducible in the saved page so please take a look.
BUILD.html
377 KB View Download
Also, I don't see an option to reopen this issue, where is that option?

Comment 14 by pdr@chromium.org, Mar 28 2017

The uploaded test is missing some files. Can you zip and upload the BUILD_files directory too?

Just to double-check, this works in Firefox or Edge or Safari but not in Chrome?
Hi, Sorry about that, here is the zip with all of the files.
Yeah, this works fine in Firefox, Edge and Safari, but not in Chrome.
build.zip
1.1 MB Download
Labels: -Needs-Feedback -Needs-Triage-M56
Status: Uncofirmed (was: WontFix)
Status: Unconfirmed (was: Uncofirmed)
Owner: krajshree@chromium.org
Status: Assigned (was: Unconfirmed)
Unfortunately, I can't repro this with the files in #15 on my Mac Pro (10.12.3) on Canary (59) Stable (57) or old revisions back to 56.

krajshree@chromium.org: could you try a bisect on the machine which repro'ed it before? Also, please attach the contents of about:gpu. Thanks!
When this issue was previously closed I had created a second issue because it was not clear whether this would be re-opened or not: the developers there have some theories about this issue: https://bugs.chromium.org/p/chromium/issues/detail?id=706273#c1
So you may chat with them and consolidate these two issues.
Owner: ----
Status: WontFix (was: Assigned)

Sign in to add a comment