Teams‎ > ‎Animations Team‎ > ‎Highlights Archive‎ > ‎

August 2020 - Code Health, Animations, Context Menu and more!

August  2020

Chrome Interactions Highlights

Archives: go/interactions-team-highlights

Code Health

Our team had an awesome sprint on bug fixing.

Thanks to kevers@, we now have a bug dashboard (go/interactions-dashboard). The above graph shows opened vs closed bugs during this sprint. The dashboard also includes:

  • Breakdown of cumulative issues opened and closed by component

  • Total number of open issues by component

  • Breakdown of closed issues by reason

flackr@ fixed flicker when setting style in finish callback (demo)

  • The top demo is broken, and the bottom one is fixed.

liviutinta@ fixed several bugs:

  • A Pointer Events tiltY reversed on Mac bug (1111347).

  • Fixed flaky test where pointermove on chorded mouse buttons when pointer is locked (1025944 CL)

  • Fixed 3 failing browser tests for Unified Scrolling: CL

gtsteel@ made great contributions to bug fixing.

  • Fixed crash in run_web_tests caused by increased number of X11 connections used: CL.

  • Fixed AnimatedCSSProperties metric to count properties when animated (by anything which uses a KeyframeEffect) (Bug)

  • Started UMA study towards fixing transition cancelling when resetting style (Bug)

  • Relanded patch adding ontransition* event handlers: CL.

  • Top animation is composited
    Bottom animation is main thread

  • After the fix, the composited animation aligns with the main thread animation and there is no jump on reversal.


kevers@ fixed a weird reversal of composited animations with start-delay.

  • The problem is that the process of converting timing properties to time offset for the compositor assumes the animation is running in the forward direction.  The time offset is incorrect if playing in the reverse direction and there is a start delay (1095813).

  • The solution is to Include the tweak for start delay only if the playback rate is positive. (CL).

kevers@ Fixed 5 WPT test flakes and one non-WPT test flake  for animations. (1093451, 1092177, 1092141, 1064065, 1085564, 623434)

WebDriver Actions API Spec

lanwei@ finished the implementation in Chromedriver and Webdriver (CL, CL)

Azimuth/Altitude for Pointer Events

liviutinta@ shipped the Azimuth and Altitude.

  • Received 3 LGTMs on Intent to Ship

  • Landed CL to enable the feature flag by default

  • No feedback yet from TAG Review

  • Positive signal from Webkit, no signal from Gecko.

Context Menu with Touch-Drag

mustaq@ Added context menu support to draggable elements: behind a flag, show Window native draggable behavior of showing context menu on drag end (CL).

  • Before: draggable divs can’t show context menu because a touch interaction has to choose between dragging vs context-menu.  We have links and images always non-draggable for this reason. (Hi-res video here).

  • After: draggable elements shows context menu on drag-end, like Windows desktop icons.  Context menu depends on where the element is dropped.  Works on divs, links and images.  (Hi-res video here.)

Throughput Metrics

xidachen@ fixed wrong reporting in video frame sequence length (CL), where 50% had length of 0 frames.

Chrome Interactions Highlights | August 2020