Bug 209876

Summary: [css-flexbox] order property should be animatable
Product: WebKit Reporter: Carlos Alberto Lopez Perez <clopez>
Component: CSSAssignee: Sergio Villar Senin <svillar>
Status: RESOLVED FIXED    
Severity: Normal CC: darin, dino, graouts, graouts, svillar, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=209874
https://bugs.webkit.org/show_bug.cgi?id=209872
https://bugs.webkit.org/show_bug.cgi?id=180435
Attachments:
Description Flags
Patch
none
Patch graouts: review+

Description Carlos Alberto Lopez Perez 2020-04-01 13:40:13 PDT
The order property of css-flexbox must be animatable

https://drafts.csswg.org/css-flexbox/#order-property

Here its a simple test case: https://codepen.io/cl0p3z/pen/YzXMXRB

Works on Chrome and Firefox. Fails on WebKit.

This its tested by WPT css/css-flexbox/animation/order-interpolation.html
Comment 1 Sergio Villar Senin 2020-10-19 07:12:37 PDT
Created attachment 411745 [details]
Patch
Comment 2 Sergio Villar Senin 2020-10-20 00:59:17 PDT
Created attachment 411844 [details]
Patch
Comment 3 Antoine Quint 2020-10-20 01:25:49 PDT
r=me assuming EWS results are all green.
Comment 4 Sergio Villar Senin 2020-10-20 05:19:35 PDT
Committed r268726: <https://trac.webkit.org/changeset/268726>
Comment 5 Radar WebKit Bug Importer 2020-10-20 05:20:18 PDT
<rdar://problem/70481438>