New issue
Advanced search Search tips

Issue 894115 link

Starred by 4 users

Issue metadata

Status: Assigned
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug

Sign in to add a comment

CSS scale transform crashes the page

Reported by, Oct 10

Issue description

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

Steps to reproduce the problem:
1. Open a website with "moderate" content, i.e., or
2. Open inspector with the FPS meter widget in Rendering tool chosen.
3. Locate to <body> tag and add this inline CSS style:
style="width: 1px; height: 1px; transform: scale(10000)"

What is the expected behavior?
Page normally scaled.

What went wrong?
For the GitHub link, RAM usage bloated (to over 20GB monitored in macOS 10.13) and crashes the page.
For the LinkedIn link, VRAM usage bloated to 512MB, page does not crash but is not responsive anymore.

Did this work before? N/A 

Does this work in other browsers? N/A

Chrome version: 69.0.3497.100  Channel: n/a
OS Version: OS X 10.13.6
Flash Version: 

Other browsers tested:

Latest Safari: OK
Latest Firefox: OK
Labels: Needs-Triage-M69
Components: -Blink>CSS Internals>Compositing
Could not reproduce on Linux. I don't have a Mac here today. Could this be related to issue 892188 ?

Comment 3 Deleted

I make a simple reproduction test case for this issue.
389 KB Download
Status: Assigned (was: Unconfirmed)
Just tried the reproduce page in #4.

Chrome version: 69.0.3497.100 (Official Build) (64-bit) 
Chrome version: 71.0.3577.0 (Official Build) canary (64-bit)
Mac OS: 10.13.6

click on scale.
1. The page was consuming 100% CPU for a while then crash
2. Before it crashed, it was showing 60GB usage on Mac's Activity Monitor memory tab and ~6GB in real memory (double click on the process for details).
3. In Devtools - Layers, shows the memory estimate of the layer of document is ~9GB

flackr@ Could you please take a look. Thank you.

Sign in to add a comment