caniuse Add flex-gap bug to Safari known issues

Add flex-gap bug to Safari known issues

Open giorgiopogliani opened this issue 3 years ago • 5 comments

On Safari the flex-gap property is not respected if the rule flex-direction: column-reverse is applied.

If you compare the result of this link https://play.tailwindcss.com/lC3xHSIxEz on Safari and Chrome/Firefox you will see the difference.

Jan 13 '22 09:01 giorgiopogliani

Could you file this bug at bugs.webkit.org? It'd be a great help.

Feb 04 '22 15:02 jensimmons

Hello @jensimmons, actually I found that it was already filed in: https://bugs.webkit.org/show_bug.cgi?id=225278

It's marked as patched but I am still experiencing the bug here on Mac OS 12.1 with Safari 15.2

I guess the patch didn't arrived in Safari yet?

Feb 04 '22 16:02 giorgiopogliani

Great. Thanks for the link. It does look like a fix is in progress.

Feb 04 '22 17:02 jensimmons

I can confirm that this is fixed in the Safari 15.4 beta.

Feb 04 '22 19:02 jensimmons

Just got this issue now on 15.3. It appears to add the gap to the top of the parent and not between elements.

Aug 01 '22 11:08 andrewhawkes