[Webkit-unassigned] [Bug 81946] New: CSS region not working with css animations and transforms

[bugzilla-daemon at webkit.org]

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

           Summary: CSS region not working with css animations and
                    transforms
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
        OS/Version: Windows Vista
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: niklasvh at gmail.com


Created an attachment (id=133314)
 --> (https://bugs.webkit.org/attachment.cgi?id=133314&action=review)
Example where the problem is present - transform: translate in an animation

Overview:
When animating an element to flow from one element to another with CSS regions, it has drawing issues (it is only partially moving and the results vary a bit depending on webkit version, but not working correctly in either 19.0.1077.0 canary or 17.0.963.83 m). It clips the element in a way it shouldn't and it doesn't transfer the element onto the next region as it should.

The problem rises when you animate an element to move from 1 region to another AND at the same time have another element (anywhere on the page???), which animates with transform (tested with translate and scale). If you simply animate it with left/top, it works fine and if you just assign a static transform translate (not animating it), it works fine as well. 

Steps to Reproduce:
Open up notworking.html and watch the animation of the red block 

Actual Results
It clips the red block and doesn't move it to the next region (as displayed in result.jpg)

Expected Results:
It should overlap green block as well as become partially blue as defined with the @region rule. (as displayed in expected.jpg)

In addition, with 19.0.1077.0 canary, if you change to another tab and tab back in, the red block should have successfully been drawn over the green block (as it should), but it isn't partially blue (as it should because of the @region rule). If you however tab out once again and back in, the @region rule should be correctly applied now as well.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.