Bug 209874

Summary: [css-flexbox] flex-shrink property should be animatable
Product: WebKit Reporter: Carlos Alberto Lopez Perez <clopez>
Component: CSSAssignee: Sergio Villar Senin <svillar>
Status: RESOLVED FIXED    
Severity: Normal CC: changseok, darin, dino, esprehn+autocc, ews-watchlist, glenn, graouts, kondapallykalyan, pdr, rego, simon.fraser, svillar, webkit-bug-importer
Priority: P2 Keywords: InRadar, WebExposed
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=209872
https://bugs.webkit.org/show_bug.cgi?id=180435
https://bugs.webkit.org/show_bug.cgi?id=209876
Attachments:
Description Flags
Patch rego: review+

Description Carlos Alberto Lopez Perez 2020-04-01 13:22:46 PDT
The flex-shrink property must be animatable

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

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

Works on Chrome and Firefox. Fails on WebKit.

This its tested by WPT css/css-flexbox/animation/flex-shrink-interpolation.html
Comment 1 Sergio Villar Senin 2020-10-19 04:58:45 PDT
*** Bug 217901 has been marked as a duplicate of this bug. ***
Comment 2 Sergio Villar Senin 2020-10-19 05:03:19 PDT
Created attachment 411737 [details]
Patch
Comment 3 Manuel Rego Casasnovas 2020-10-19 05:13:22 PDT
Comment on attachment 411737 [details]
Patch

r=me. Please wait for EWSs results before landing.
Comment 4 Sergio Villar Senin 2020-10-20 02:19:32 PDT
Committed r268718: <https://trac.webkit.org/changeset/268718>
Comment 5 Radar WebKit Bug Importer 2020-10-20 02:20:19 PDT
<rdar://problem/70476960>