-
-
Notifications
You must be signed in to change notification settings - Fork 2k
Description
Thank you for the comprehensive v4 Upgrade Guide! Many of the things got implemented by the automatic script, but also many are not.
One behaviour that I am seeing causing bugs in my case is that in v3, a translate-x-8 was implemented with the css transform property. In v4, this is implemented with the new individuall translate property (same for other transform methods like scale, etc.)
This per-se is not an issue, but it becomes one when you have arbitrary transitions defined. In my example, a transition stopped working, and I was wondering why.
Here is the non-working v4 Playground (+ a fix implemented):
https://play.tailwindcss.com/Bm9VuP4aUt
And the working v3 Playground:
https://play.tailwindcss.com/rvt0l4l5Qa
To fix this issue, one has to know that we cannot use transform as a transition-property anymore (like transition-[stroke,transform]) and have to change it to transition-[stroke,scale].
Ideally, the Upgrade Guide would cover this and explain that if you have arbitrary transitions, they might have to be updated.