ben-rogerson / twin.macro

🦹‍♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Regression with inset on Safari 13

TeaBough opened this issue · comments

Hi !

When upgrading from twin.macro 3.1.0 to 3.3.1 I've noticed a regression in Safari 13.
With 3.1.0

tw`inset-0`

is transformed to :

top: 0;
bottom: 0;
right: 0;
left: 0;

but in 3.3.1 it is transformed to

inset: 0;

which doesn't work on Safari 13...
I don't know if the bug comes from tailwind or twin.macro... or if it's the expected behaviour. (i'm using emotion btw)

Hey there

This change comes from Tailwind 3.3.0 - you can test it out in their playground.

As for a fix, check out 10765 for the update - seems there's quite a bit of activity on this issue.