New issue
Advanced search Search tips

Issue 861598 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner:
Closed: Jul 9
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 1
Type: Bug-Regression



Sign in to add a comment

CSS transforms have gone berserk

Reported by teo8...@gmail.com, Jul 8

Issue description

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

Example URL:
http://matteosistisette.com/en/info

Steps to reproduce the problem:
First look ai it on FIREFOX to see the expected behavior

1. In FIREFOX, Go to http://matteosistisette.com/en/info
2. Click on the first "card" (rounded rectangle with a question mark inside, then the second. Then wait

3. do the same in Chrome

What is the expected behavior?
The behavior should be the same as in Firefox, AND IT FUCKING USED TO BE: When clicking on the first card, it should do an animation that lookes like it turns and shows the other side (obviously, it's the initial image shrinking until it disappears and then a different image doing the opposite animation). When you click on the second card, it should "turn" too, and after a few seconds, they will both turn back to the original position (unless you were so lucky that they were identical)

What went wrong?
See the attached screenshots. It's completely fucked up. Images don't show up at the end of their animation.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? Yes very recently

Does this work in other browsers? Yes

Chrome version: 67.0.3396.99  Channel: stable
OS Version: 
Flash Version: 

** THIS USED TO WORK ** and I haven't changed the code.

This is a REGRESSION which BREAKS MY WEBSITE which had been working for 4 fucking years.

This is a BC-BREAKING REGRESSION and it has appeared recently.
 
EXPECTED_1.png
170 KB View Download
EXPECTED_2.png
215 KB View Download
EXPECTED_3.png
232 KB View Download
EXPECTED_4.png
206 KB View Download
OBSERVED_1.png
184 KB View Download
OBSERTVED_2.png
173 KB View Download
OBSERVED_3.png
195 KB View Download
OBSERVED_4.png
171 KB View Download
*** IMPORTANT ***

Please test the issue at http://opentarget.org rather than the URL provided above.

If I find a workaround for my website I will apply it and you won't be able to observe the issue there anymore.
I meant http://opentarget.org/en/info

For fuck's sake, will the day ever come when this stupid bugtracker will allow users to edit their own reports and comments?
I can SOMETIMES (randomly) reproduce the issue on a minimal example here:

http://jsbin.com/hehabep/edit?html,output

In this example, the image of the cat is supposed to oscillate shrinking and growing back and forth. (ignore the links at the bottom). It follows a sinewave-like function, and when the sine is below zero, the scaleX transform stays at zero (that's expected).

Here, in order to reproduce the issue, I right-click on the cat and do "inspect element". Most of the time, the image will remain hidden forever.

By inspecting the element you can see that it's not the case that the animation pauses because you are taking focus away from the content: the style property of the element can be seen and it keeps oscillating.


However, at http://opentarget.org/en/info the issue appears systematically and without opening the Developer Tools, so there's something that triggers the issue that I'm missing, which happens systematically (or almost) on my website without touching the developer tools, and only randomly in the example only when inspecting elements.
Labels: Needs-Bisect Needs-Triage-M67
Components: Blink>Animation Blink>Paint
Labels: -Pri-2 -Type-Compat -Needs-Bisect ReleaseBlock-Stable M-68 RegressedIn-67 Target-67 FoundIn-67 Target-68 Triaged-ET hasbisect FoundIn-68 OS-Mac OS-Windows Pri-1 Type-Bug-Regression
Owner: wangxianzhu@chromium.org
Status: Assigned (was: Unconfirmed)
Able to reproduce the issue on Mac 10.13.3, Win-10 and Ubuntu 17.10 using chrome reported version #67.0.3396.99 but the same is not reproducible in the latest canary #69.0.3486.0.

Reverse Bisect Information:
=====================
Good build: 69.0.3465.0
Bad Build : 69.0.3464.0

Change Log URL: 
https://chromium.googlesource.com/chromium/src/+log/bfcc445d6f5eff3faa5de0cc239f72dd11f5eee7..efddbaa1da8640c7556477a5040462ddd6f2bb69

From the above change log suspecting below change
Change-Id: Ie24af4de933336e888065e993e473ab8ed4711a4
Reviewed-on: https://chromium-review.googlesource.com/1105298

wangxianzhu@ - Could you please check and merge the fix to M-68 if it is a valid candidate.
Note: Adding stable blocker for M-68 as it seems to be a recent regression. Please feel free to remove the same if not appropriate.

Thanks...!!
I don't observe the issue on beta 68.0.3440.42 (Ubuntu).
Also I have tested Chromium 66.0.3359.181 and it works as expected too.

So:
66.0.3359.181 good
67.0.3396.99 bad
68.0.3440.42 good
69.0.3464.0 bad
69.0.3465.0 good

?

Status: WontFix (was: Assigned)
Since it works on beta M68 and canary M69 there is nothing to do, closing this
bug.

Bug reporter: you have violated the code of conduct of Chromium with your language. I see you
have done it on at least one other bug report as well. We appreciate the reports but cannot
tolerate aggressive or disrespectful language.

https://chromium.googlesource.com/chromium/src/+/master/CODE_OF_CONDUCT.md

Please do not do it again or you will be banned from the project.
> Since it works on beta M68 and canary M69 there is nothing to do

It seems to me that there *is* something to do.
Since the bug regressed again and was fixed again between 68 and 69, it should be made sure that the cause is known (that it didn't just fluctuate by chance) so that it is prevented from resurfacing again.

I say this respectfully and unaggressively.
We do know the cause, though I did not mention it here I agree.

The research leading to the patch referenced in comment 7 yielded the root
cause.
Is there a known workaround while I wait for the fixed version of Chrome to be released to the public (and for the user of my affected website to install it)?
Given the extreme seriousness of this issue, which breaks lots of existing websites, shouldn't you speed up the process of releasing the fixed version, or release an urgent update to version 67 with a fix, or whatever??
Users should start to see Chrome 68, with the fix, sometime in the next couple of weeks.
I know, that's an unacceptably long time.

So what about a workaround?
> So what about a workaround?

I mean for those like me who have their website completely f***ed because of this and have some spare time to waste applying a workaround, is there one?
You can work around the issue in Chrome 67 by adding will-change: transform
to the CSS of the element being transformed. This will allocate a composited
layer for it, which for technical reasons will avoid the bug reported here.

Apologies for this regression, and thank you for filing the bug.

Please do not use foul language on Chromium issues, or risk being banned.
See our code of conduct here:

https://chromium.googlesource.com/chromium/src/+/master/CODE_OF_CONDUCT.md

Sign in to add a comment