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

Issue 785340 link

Starred by 2 users

Issue metadata

Status: Assigned
Owner:
Cc:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 1
Type: Bug-Regression



Sign in to add a comment

Tab freezes when adding rotate and skew(90deg) style transform to any element.

Reported by anhtai...@gmail.com, Nov 15 2017

Issue description

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

Steps to reproduce the problem:
1. Query any element in the dom.
2. Set the style.transform to 'rotateX(0deg) skewY(90deg);'
3. The tab freezes. 

Something like this:

document.querySelector('body').setAttribute('style', 'transform: rotateX(0deg) skewY(90deg);')

What is the expected behavior?
The element in question having the skew values applied to, and the tab not to freeze.

What went wrong?
The tab freezes. Resetting requires using the task manager to end the process.

Did this work before? N/A 

Does this work in other browsers? N/A

Chrome version: 62.0.3202.94  Channel: stable
OS Version: OS X 10.13.1
Flash Version: 

- The skew value that seems to break the tab is between 89-91. 88 and below / 92 and above seem to be okay.

- The tab is fine if the transform is just the skewY or skewX by itself.

- Adding skewY(90deg), and then adding rotateY(...) doesn't break. Adding them both at the same time breaks.

- The transforms are interchangeable between skewY/X, rotateY/X and will break the tab as long as the skew values are somewhere in 89-91.
 

Comment 1 by anhtai...@gmail.com, Nov 15 2017

Update — it works in other browsers (doesn't freeze in firefox or safari).
Labels: Needs-Bisect Needs-Feedback Needs-Triage-M62
anhtaih89@, thank you for the report. Can you please provide a sample repro case to triage this further?

Comment 3 by anhtai...@gmail.com, Nov 15 2017

Here an example: Open up the console to this page and run this:

document.querySelector('#all-descriptions').setAttribute('style', 'transform: rotateX(0deg) skewY(90deg);')

Project Member

Comment 4 by sheriffbot@chromium.org, Nov 15 2017

Cc: manoranj...@chromium.org
Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "manoranjanr@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
Cc: vamshi.k...@techmahindra.com
Labels: -Type-Bug -Pri-2 -Needs-Bisect hasbisect-per-revision Triaged-ET M-64 OS-Linux OS-Windows Pri-1 Type-Bug-Regression
Owner: petermayo@chromium.org
Status: Assigned (was: Unconfirmed)
"Able to reproduce the issue on the reported chrome version stable 62.0.3202.94 and on the latest canary 64.0.3270.0, using Ubuntu 14.04, Windows 10 and Mac 10.12.6. 

Bisect info:
-------------------------------------
Good Build : 59.0.3056.0
Bad Build: 59.0.3057.0

Tool Bisect info:
------------------------------------
You are probably looking for a change made after 460847 (known good), but no later than 460848 (first known bad).
CHANGELOG URL:

  https://chromium.googlesource.com/chromium/src/+log/bdd654be5032b499f6cf442da2b2fb3edf8eafb0..9711f036f202f53ae0bfa6bb6195c3e61ecae274

Reviewed-on: https://codereview.chromium.org/2744423002

Suspecting the same.

petermayo@: Please confirm the issue and help in re-assigning if it is not related to your change.

Thanks!"
Components: Blink>DOM

Comment 7 by tkent@chromium.org, Jan 14 2018

Components: -Blink>DOM
Labels: Stability-Crash
I think this is a tab crash, so I think this is the correct label to apply as part of triage.

Sign in to add a comment