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

Issue 619561 link

Starred by 1 user

Issue metadata

Status: Fixed
Owner:
Closed: Jul 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 3
Type: Bug



Sign in to add a comment

Element.animate can trigger multiple forced recalc styles

Project Member Reported by aerotwist@chromium.org, Jun 13 2016

Issue description

There are a bunch of elements at http://output.jsbin.com/pokidu/quiet that move when you click on the page. At the start I loop over them and set up element.animate. According to Timeline this is triggering recalc styles per element, which could cause jank at the start of the animation. Can these be batched up?
 
Screen Shot 2016-06-13 at 2.19.22 PM.png
64.4 KB View Download
Components: Blink>CSS

Comment 2 by r...@opera.com, Jul 14 2016

Cc: r...@opera.com
Components: -Blink>CSS Blink>Animation
Owner: alancutter@chromium.org
Status: Assigned (was: Untriaged)
The recalc triggered in the demo is removed in https://codereview.chromium.org/2043273002/ so this might already be fixed.

alancutter@ please check.

Labels: Update-Weekly
Thanks for the report.
Seeing the same trace on Linux dev branch.
Status: Fixed (was: Assigned)
Checked on a ToT build of Chromium, the style recalcs no longer appear in the DevTools timeline.
https://codereview.chromium.org/2043273002/ landed @403861 while dev branched @403382 which explains why I didn't see it fixed when testing on dev.

Sign in to add a comment