Flexbugs: Safari flex-basis animation bug

[DrummerHead]

Test case at: https://github.com/DrummerHead/safari-flex-basis-animation-bug

Check with safari: http://mcdlr.com/safari-flex-basis-animation-bug/

Cheers!

[gregwhitworth]

@philipwalton do you have access to a machine with Safari on it?

[philipwalton]

I do, and I can confirm this doesn't work in Safari, even Safari 10. Here's a codepen to make it easier to see what's going on: http://codepen.io/anon/pen/rrqaQL

[DrummerHead]

Hi Philip! Just in case, (some) documentation is on the test case linked above; quick link:

https://github.com/DrummerHead/safari-flex-basis-animation-bug

[jeegurda]

Still not fixed in Safari 11 :/
The only workaround at the moment is to use width or transitions.

[dotnetCarpenter]

Damn - just found https://codepen.io/thomas-eilermann/pen/grjEjE, implemented it in my project and then began testing in all the browsers we support and bam, Safari 11 fail.

[dotnetCarpenter]

Couldn't find a bug report in webkit so I filed one: https://bugs.webkit.org/show_bug.cgi?id=180435

[dotnetCarpenter]

Fixed in Safari (WebKit repo) but still not released. A cautious 🎉 from me