[Webkit-unassigned] [Bug 198529] New: css 'inherit' fails when parent property is running an accelerated animation

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=198529

            Bug ID: 198529
           Summary: css 'inherit' fails when parent property is running an
                    accelerated animation
           Product: WebKit
           Version: Safari 12
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: smcgruer at chromium.org
                CC: dino at apple.com

Created attachment 371281

  --> https://bugs.webkit.org/attachment.cgi?id=371281&action=review

reproduction

Steps to reproduce:

See https://output.jsbin.com/nidagep/ for the reproduction (also attached), and the original Chrome bug https://cbrug.com/265303

The gist is that when a parent element is running an accelerated animation, a child that uses a value of 'inherit' is not properly updated unless something causes a main frame tick (e.g. a mouseover or a rAF).

In the attached example, the child should transform smoothly from 0-90deg, due to the accumulation from the parent + the inherit. Instead, it transforms from 0-45deg unless a main frame tick happens.

This was reproduced in Safari using Browserstack; Safari 12 on Mac Mojave.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20190604/ad7777bf/attachment-0001.html>