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

<td><td>Breakdown of cumulative issues opened and closed by
component</td></td>

<td><td>Total number of open issues by component</td></td>

<td><td>Breakdown of closed issues by reason</td></td>

<td><td>The top demo is broken, and the bottom one is fixed.</td></td>

<td><td>A Pointer Events tiltY reversed on Mac bug (<a
href="http://crbug.com/1111347">1111347</a>).</td></td>

<td><td>Fixed flaky test where pointermove on chorded mouse buttons when
pointer is locked (<a href="http://crbug.com/1025944">1025944</a> <a
href="https://chromium-review.googlesource.com/c/chromium/src/+/2360494">CL</a>)</td></td>

<td><td>Fixed 3 failing browser tests for Unified Scrolling: <a
href="https://chromium-review.googlesource.com/c/chromium/src/+/2364055">CL</a></td></td>

<td><td>Fixed crash in run_web_tests caused by increased number of X11
connections used: <a
href="https://chromium-review.googlesource.com/c/chromium/src/+/2368420">CL</a>.</td></td>

<td><td>Fixed AnimatedCSSProperties metric to count properties when animated
(by anything which uses a KeyframeEffect) (<a
href="https://crbug.com/992430">Bug</a>)</td></td>

<td><td>Started UMA study towards fixing transition cancelling when
resetting style (<a href="https://crbug.com/934700">Bug</a>)</td></td>

<td><td>Relanded patch adding ontransition\* event handlers: <a
href="https://chromium-review.googlesource.com/c/chromium/src/+/2258467">CL</a>.</td></td>

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:

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

liviutinta@ fixed several bugs:

gtsteel@ made great contributions to bug fixing.

<td><td>Top animation is composited</td></td>
<td><td>Bottom animation is main thread</td></td>

<td><td>After the fix, the composited animation aligns with the main thread
animation and there is no jump on reversal.</td></td>

<td><td>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 (<a
href="https://bugs.chromium.org/p/chromium/issues/detail?id=1095813">1095813</a>).</td></td>

<td><td>The solution is to Include the tweak for start delay only if the
playback rate is positive. (<a
href="https://chromium-review.googlesource.com/c/chromium/src/+/2339712">CL</a>).</td></td>

<td><td>Received 3 LGTMs on <a
href="https://groups.google.com/a/chromium.org/forum/?utm_medium=email&utm_source=footer#!msg/blink-dev/ZRI-7X_4GwM/Sp1ZMIw5AgAJ">Intent
to Ship</a></td></td>

<td><td>Landed <a href="http://crrev.com/c/2343385">CL</a> to enable the
feature flag by default</td></td>

<td><td>No feedback yet from <a
href="https://github.com/w3ctag/design-reviews/issues/537">TAG
Review</a></td></td>

<td><td>Positive signal from Webkit, no signal from Gecko.</td></td>

<td><td>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 <a
href="https://drive.google.com/file/d/1W2zX7_SdCVVoV0yh9nwK6SY7X29ozOII/view?usp=sharing">here</a>).</td></td>

<td><td>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 <a
href="https://drive.google.com/file/d/1MkUOjoi6qJnUl_XFphFzqonVQjg9XyO5/view?usp=sharing">here</a>.)</td></td>

Animations

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

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.

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).