102723 2012-11-19 15:27:14 -0800 [CSS Shapes] Enable animation for shape-inside's 'outside-shape' value 2014-02-07 14:53:33 -0800 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Unspecified Unspecified RESOLVED WORKSFORME P2 Normal --- 89256 1 betravis webkit-unassigned donggwan.kim zoltan oldest_to_newest 771096 0 betravis 2012-11-19 15:27:14 -0800 Currently you can only use css animation between two shape values 919595 1 209296 betravis 2013-08-21 13:11:03 -0700 Created attachment 209296 Testcase This test case dynamically sets the shape to be larger after 5 seconds. It probably also fails if set after the first layout. This is a simpler test case than animation, but hopefully fixing this will fix both. 209296 2013-08-21 13:11:03 -0700 2013-08-21 13:11:03 -0700 Testcase shape-outside-animate.html text/html 3513 betravis PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KPHN0eWxlPgouc2hhcGUgewogICAgZmxvYXQ6 IGxlZnQ7CiAgICB3aWR0aDogMjAwcHg7CiAgICBoZWlnaHQ6IDIwMHB4OwogICAgLXdlYmtpdC1z aGFwZS1vdXRzaWRlOiByZWN0YW5nbGUoMCwgMCwgMTAwcHgsIDEwMHB4KTsKICAgIC13ZWJraXQt dHJhbnNpdGlvbjogLXdlYmtpdC1zaGFwZS1vdXRzaWRlIDFzOwogICAgYmFja2dyb3VuZC1jb2xv cjogcmdiYSgwLCAwLCAyNTUsIDAuNSk7Cn0KLnNoYXBlLmxhcmdlIHsKICAgIC13ZWJraXQtc2hh cGUtb3V0c2lkZTogcmVjdGFuZ2xlKDAsIDAsIDIwMHB4LCAyMDBweCk7Cn0KLmNvbnRhaW5lciB7 CiAgICB3aWR0aDogMzAwcHg7CiAgICBib3JkZXI6IDFweCBzb2xpZCBncmVlbjsKfQo8L3N0eWxl Pgo8c2NyaXB0Pgp3aW5kb3cuc2V0VGltZW91dChmdW5jdGlvbigpIHsKICAgIGRvY3VtZW50LnF1 ZXJ5U2VsZWN0b3IoJy5zaGFwZScpLnNldEF0dHJpYnV0ZSgnY2xhc3MnLCAnc2hhcGUgbGFyZ2Un KTsKfSwgNTAwMCk7Cjwvc2NyaXB0Pgo8Ym9keT4KPGRpdiBjbGFzcz0nY29udGFpbmVyJz4KPGRp diBjbGFzcz0nc2hhcGUnPjwvZGl2Pgo8cD5BZnRlciA1IHNlY29uZHMgYWxsIHRleHQgc2hvdWxk IGJlIG91dHNpZGUgdGhlIGJsdWUgc3F1YXJlIGJ1dCByZW1haW4gaW5zaWRlIHRoZSBncmVlbiBv dXRsaW5lLjwvcD4KCjxwPlRoaW5rIG9mIHRoYXQsIHllIGxveWFsIEJyaXRvbnMhIHdlIHdoYWxl bWVuIHN1cHBseSB5b3VyIGtpbmdzIGFuZCBxdWVlbnMgd2l0aCBjb3JvbmF0aW9uIHN0dWZmITwv cD4KCjxwPlRoZSBjaGllZiBtYXRlIG9mIHRoZSBQZXF1b2Qgd2FzIFN0YXJidWNrLCBhIG5hdGl2 ZSBvZiBOYW50dWNrZXQsIGFuZCBhIFF1YWtlciBieSBkZXNjZW50LiBIZSB3YXMgYSBsb25nLCBl YXJuZXN0IG1hbiwgYW5kIHRob3VnaCBib3JuIG9uIGFuIGljeSBjb2FzdCwgc2VlbWVkIHdlbGwg YWRhcHRlZCB0byBlbmR1cmUgaG90IGxhdGl0dWRlcywgaGlzIGZsZXNoIGJlaW5nIGhhcmQgYXMg dHdpY2UtYmFrZWQgYmlzY3VpdC4gVHJhbnNwb3J0ZWQgdG8gdGhlIEluZGllcywgaGlzIGxpdmUg Ymxvb2Qgd291bGQgbm90IHNwb2lsIGxpa2UgYm90dGxlZCBhbGUuIEhlIG11c3QgaGF2ZSBiZWVu IGJvcm4gaW4gc29tZSB0aW1lIG9mIGdlbmVyYWwgZHJvdWdodCBhbmQgZmFtaW5lLCBvciB1cG9u IG9uZSBvZiB0aG9zZSBmYXN0IGRheXMgZm9yIHdoaWNoIGhpcyBzdGF0ZSBpcyBmYW1vdXMuIE9u bHkgc29tZSB0aGlydHkgYXJpZCBzdW1tZXJzIGhhZCBoZSBzZWVuOyB0aG9zZSBzdW1tZXJzIGhh ZCBkcmllZCB1cCBhbGwgaGlzIHBoeXNpY2FsIHN1cGVyZmx1b3VzbmVzcy4gQnV0IHRoaXMsIGhp cyB0aGlubmVzcywgc28gdG8gc3BlYWssIHNlZW1lZCBubyBtb3JlIHRoZSB0b2tlbiBvZiB3YXN0 aW5nIGFueGlldGllcyBhbmQgY2FyZXMsIHRoYW4gaXQgc2VlbWVkIHRoZSBpbmRpY2F0aW9uIG9m IGFueSBib2RpbHkgYmxpZ2h0LiBJdCB3YXMgbWVyZWx5IHRoZSBjb25kZW5zYXRpb24gb2YgdGhl IG1hbi4gSGUgd2FzIGJ5IG5vIG1lYW5zIGlsbC1sb29raW5nOyBxdWl0ZSB0aGUgY29udHJhcnku IEhpcyBwdXJlIHRpZ2h0IHNraW4gd2FzIGFuIGV4Y2VsbGVudCBmaXQ7IGFuZCBjbG9zZWx5IHdy YXBwZWQgdXAgaW4gaXQsIGFuZCBlbWJhbG1lZCB3aXRoIGlubmVyIGhlYWx0aCBhbmQgc3RyZW5n dGgsIGxpa2UgYSByZXZpdmlmaWVkIEVneXB0aWFuLCB0aGlzIFN0YXJidWNrIHNlZW1lZCBwcmVw YXJlZCB0byBlbmR1cmUgZm9yIGxvbmcgYWdlcyB0byBjb21lLCBhbmQgdG8gZW5kdXJlIGFsd2F5 cywgYXMgbm93OyBmb3IgYmUgaXQgUG9sYXIgc25vdyBvciB0b3JyaWQgc3VuLCBsaWtlIGEgcGF0 ZW50IGNocm9ub21ldGVyLCBoaXMgaW50ZXJpb3Igdml0YWxpdHkgd2FzIHdhcnJhbnRlZCB0byBk byB3ZWxsIGluIGFsbCBjbGltYXRlcy4gTG9va2luZyBpbnRvIGhpcyBleWVzLCB5b3Ugc2VlbWVk IHRvIHNlZSB0aGVyZSB0aGUgeWV0IGxpbmdlcmluZyBpbWFnZXMgb2YgdGhvc2UgdGhvdXNhbmQt Zm9sZCBwZXJpbHMgaGUgaGFkIGNhbG1seSBjb25mcm9udGVkIHRocm91Z2ggbGlmZS4gQSBzdGFp ZCwgc3RlYWRmYXN0IG1hbiwgd2hvc2UgbGlmZSBmb3IgdGhlIG1vc3QgcGFydCB3YXMgYSB0ZWxs aW5nIHBhbnRvbWltZSBvZiBhY3Rpb24sIGFuZCBub3QgYSB0YW1lIGNoYXB0ZXIgb2Ygc291bmRz LiBZZXQsIGZvciBhbGwgaGlzIGhhcmR5IHNvYnJpZXR5IGFuZCBmb3J0aXR1ZGUsIHRoZXJlIHdl cmUgY2VydGFpbiBxdWFsaXRpZXMgaW4gaGltIHdoaWNoIGF0IHRpbWVzIGFmZmVjdGVkLCBhbmQg aW4gc29tZSBjYXNlcyBzZWVtZWQgd2VsbCBuaWdoIHRvIG92ZXJiYWxhbmNlIGFsbCB0aGUgcmVz dC4gVW5jb21tb25seSBjb25zY2llbnRpb3VzIGZvciBhIHNlYW1hbiwgYW5kIGVuZHVlZCB3aXRo IGEgZGVlcCBuYXR1cmFsIHJldmVyZW5jZSwgdGhlIHdpbGQgd2F0ZXJ5IGxvbmVsaW5lc3Mgb2Yg aGlzIGxpZmUgZGlkIHRoZXJlZm9yZSBzdHJvbmdseSBpbmNsaW5lIGhpbSB0byBzdXBlcnN0aXRp b247IGJ1dCB0byB0aGF0IHNvcnQgb2Ygc3VwZXJzdGl0aW9uLCB3aGljaCBpbiBzb21lIG9yZ2Fu aXphdGlvbnMgc2VlbXMgcmF0aGVyIHRvIHNwcmluZywgc29tZWhvdywgZnJvbSBpbnRlbGxpZ2Vu Y2UgdGhhbiBmcm9tIGlnbm9yYW5jZS4gT3V0d2FyZCBwb3J0ZW50cyBhbmQgaW53YXJkIHByZXNl bnRpbWVudHMgd2VyZSBoaXMuIEFuZCBpZiBhdCB0aW1lcyB0aGVzZSB0aGluZ3MgYmVudCB0aGUg d2VsZGVkIGlyb24gb2YgaGlzIHNvdWwsIG11Y2ggbW9yZSBkaWQgaGlzIGZhci1hd2F5IGRvbWVz dGljIG1lbW9yaWVzIG9mIGhpcyB5b3VuZyBDYXBlIHdpZmUgYW5kIGNoaWxkLCB0ZW5kIHRvIGJl bmQgaGltIHN0aWxsIG1vcmUgZnJvbSB0aGUgb3JpZ2luYWwgcnVnZ2VkbmVzcyBvZiBoaXMgbmF0 dXJlLCBhbmQgb3BlbiBoaW0gc3RpbGwgZnVydGhlciB0byB0aG9zZSBsYXRlbnQgaW5mbHVlbmNl cyB3aGljaCwgaW4gc29tZSBob25lc3QtaGVhcnRlZCBtZW4sIHJlc3RyYWluIHRoZSBndXNoIG9m IGRhcmUtZGV2aWwgZGFyaW5nLCBzbyBvZnRlbiBldmluY2VkIGJ5IG90aGVycyBpbiB0aGUgbW9y ZSBwZXJpbG91cyB2aWNpc3NpdHVkZXMgb2YgdGhlIGZpc2hlcnkuICJJIHdpbGwgaGF2ZSBubyBt YW4gaW4gbXkgYm9hdCwiIHNhaWQgU3RhcmJ1Y2ssICJ3aG8gaXMgbm90IGFmcmFpZCBvZiBhIHdo YWxlLiIgQnkgdGhpcywgaGUgc2VlbWVkIHRvIG1lYW4sIG5vdCBvbmx5IHRoYXQgdGhlIG1vc3Qg cmVsaWFibGUgYW5kIHVzZWZ1bCBjb3VyYWdlIHdhcyB0aGF0IHdoaWNoIGFyaXNlcyBmcm9tIHRo ZSBmYWlyIGVzdGltYXRpb24gb2YgdGhlIGVuY291bnRlcmVkIHBlcmlsLCBidXQgdGhhdCBhbiB1 dHRlcmx5IGZlYXJsZXNzIG1hbiBpcyBhIGZhciBtb3JlIGRhbmdlcm91cyBjb21yYWRlIHRoYW4g YSBjb3dhcmQuPC9wPgo8L2Rpdj4KPC9ib2R5Pgo8L2h0bWw+