Skip to content

v4 Upgrade Guide is missing potentially broken transition-[*] #2389

@madebyfabian

Description

@madebyfabian

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.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions