New issue
Advanced search Search tips

Issue 831643 link

Starred by 1 user
Status: WontFix
Owner: ----
Closed: May 2018
Cc:
vamshi.kommuri@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment

Large chunks of residual paint with DIV transform: translate3d interrupting an ongoing transition: transform 150ms;

Reported by monfera....@gmail.com, Apr 11 2018 
UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36

Steps to reproduce the problem:
1. Have a composited DIV with a transition: transform 150ms;  or similar
2. Move it around quickly (with JavaScript, which I'm doing via a mouseMove handler, maybe at a high rate) with transform: translate3d() such that, I guess, transitions are interrupted

What is the expected behavior?
No residual paint

What went wrong?
Lots of residual paint in Chrome (no problem in Safari)

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 65.0.3325.181  Channel: stable
OS Version: OS X 10.13.4
Flash Version: 

I'm using 65.0.3325.181 (Official Build) (64-bit)
residual paint.mp4
881 KB View Download

Comment 1 by monfera....@gmail.com, Apr 11 2018 

Here's another example. Each rectangle is a DIV with a full-size colored DIV rectangle (and some hotspot DIVs in the corner and the top). Unlike the video, this doesn't have the translucent, non-snapped "shadow rectangle" under the mouse, it's not needed. Btw. the magenta spots/lines are just DIVs showing drag origin and destination.
Screen Shot 2018-04-11 at 6.20.20 PM.png
115 KB View Download

Comment 2 by monfera....@gmail.com, Apr 11 2018 

The effect starts to kick in at as low transition time as `transition: transform 50ms;` so basically I can't use the transition transform at all.

Comment 3 by susan.boorgula@chromium.org, Apr 11 2018

Labels: Needs-Triage-M65

Comment 4 by vamshi.kommuri@chromium.org, Apr 12 2018

Cc: vamshi.kommuri@chromium.org
Labels: Triaged-ET Needs-Feedback
Thanks for filing the issue!

@Reporter: Could you please share a sample test file/URL which helps us to triage the issue in a better way, as creating a composited DIV with the above mentioned conditions would be out of scope(for creating it) from our end. Any further inputs from your end may be helpful.

Comment 5 by ellyjo...@chromium.org, May 14 2018

Status: WontFix (was: Unconfirmed)
Mac triage: WontFix issue without working repro case.
►

Sign in to add a comment