Animation panel timeline keyframe jitter on hover
Reported by
amr.m.d...@gmail.com,
Nov 10 2017
|
|||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.89 Safari/537.36 Steps to reproduce the problem: 1. navigate to https://daneden.github.io/animate.css/ (or any site with animation) 2. open dev tools 3. select console tab and from the extra panels select Animations 4. play the bounce animation or refresh (capture an animation) 5. try to edit the keyframe by dragging the white circles What is the expected behavior? dragging the white circle should allow you to modify the keyframe timing What went wrong? whenever you hover over the white circle it moves away to the left, making it no longer hoverd and causing it to return, then since the mouse didn't move it is hovered again, this keeps happening until the mouse is moved making it very difficult to move the keyframe Did this work before? N/A Chrome version: 62.0.3202.89 Channel: stable OS Version: OS X 10.12.6 Flash Version:
,
Nov 15 2017
The following revision refers to this bug: https://chromium.googlesource.com/chromium/src.git/+/828654a96d8f945a5a2e9dae8ec29c4dbabf3229 commit 828654a96d8f945a5a2e9dae8ec29c4dbabf3229 Author: Fredrik Söderquist <fs@opera.com> Date: Wed Nov 15 11:53:17 2017 Specify fill-box transform-box for circle.animation-{end,keyframe-}point The transform-origin is supposed to be relative to the fill-box (the object's/circle's bounding box) and not the viewport (which is the initial value.) Bug: 783985 , 595829 Change-Id: I80b5b64a3bbeaca1d305972733820d361a7c064e Reviewed-on: https://chromium-review.googlesource.com/765887 Reviewed-by: Andrey Kosyakov <caseq@chromium.org> Commit-Queue: Fredrik Söderquist <fs@opera.com> Cr-Commit-Position: refs/heads/master@{#516671} [modify] https://crrev.com/828654a96d8f945a5a2e9dae8ec29c4dbabf3229/third_party/WebKit/Source/devtools/front_end/animation/animationTimeline.css
,
Nov 15 2017
,
Nov 16 2017
Tested the issue on Windows 7, Mac OS 10.12.6 and Ubuntu 14.04 using chrome version 64.0.3270.0 by following the steps mentioned in the original comment and issue seems to be fixed. Observed that on hovering the mouse over the circle in Devtools -> Console -> Animations, can see no jitter on the circle. Attaching screen cast for reference. Hence adding TE-Verified Labels. Thanks! |
|||
►
Sign in to add a comment |
|||
Comment 1 by susanjuniab@chromium.org
, Nov 13 2017Labels: -Type-Bug -Pri-2 hasbisect-per-revision ReleaseBlock-Stable M-64 Needs-Triage-M62 OS-Linux OS-Windows Pri-1 Type-Bug-Regression
Owner: f...@opera.com
Status: Assigned (was: Unconfirmed)