You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I am using Tailwind with prefix: 'tw-' as shown in the reproduction URL.
If I use hover:tw--translate-y-1 it goes up as expected.
If I use no prefix in my config -translate-y-1 goes up as expected.
If I use hover:-tw-translate-y-1 it crashes with the following stack trace.
Rebuilding...
TypeError: Cannot read properties of undefined (reading 'parent')
at Root.normalize (/Users/.../node_modules/tailwindcss/peers/index.js:3863:19)
at Root.normalize (/Users/.../node_modules/tailwindcss/peers/index.js:4163:27)
at Root.insertAfter (/Users/.../node_modules/tailwindcss/peers/index.js:3785:26)
at Rule.after (/Users/.../node_modules/tailwindcss/peers/index.js:908:21)
at processApply (/Users/.../node_modules/tailwindcss/lib/lib/expandApplyAtRules.js:258:20)
at /Users/.../node_modules/tailwindcss/lib/lib/expandApplyAtRules.js:275:9
at /Users/.../node_modules/tailwindcss/lib/processTailwindFeatures.js:45:50
at Object.Once (/Users/.../node_modules/tailwindcss/lib/cli.js:619:27)
at LazyResult.runOnRoot (/Users/.../node_modules/tailwindcss/peers/index.js:5108:27)
at LazyResult.runAsync (/Users/.../node_modules/tailwindcss/peers/index.js:5150:30)
When I hover over on the last broken variant it shows what the CSS rule would look like.
This could be a bug or I might be using wrong with the prefix, negative transforms should be <prefix><minus> instead of <minus><prefix>.
The autocomplete does show this as a valid possibility:
Positive values work as expected.
Cheers, 🙇
Danilo
The text was updated successfully, but these errors were encountered:
@cabello I just wanted to thank you so much for finding the culprit of this bug, I have tons of style sheets with @applys and I truly would have never found out what to remove without you clarifying this super cryptic error message, thank you!! And yes, I can also confirm this bug exists on the latest version of tailwind.
Hello 👋
Loving TailwindCSS so far, thank you for sharing it with the world. 💜
What version of Tailwind CSS are you using?
3.0.12
What build tool (or framework if it abstracts the build tool) are you using?
What version of Node.js are you using?
nodejs 16.13.0
What browser are you using?
Not Applicable
What operating system are you using?
macOS
Reproduction URL
https://play.tailwindcss.com/o4VWC6LUyA
Describe your issue
I am using Tailwind with
prefix: 'tw-'
as shown in the reproduction URL.hover:tw--translate-y-1
it goes up as expected.-translate-y-1
goes up as expected.hover:-tw-translate-y-1
it crashes with the following stack trace.When I hover over on the last broken variant it shows what the CSS rule would look like.
This could be a bug or I might be using wrong with the prefix, negative transforms should be
<prefix><minus>
instead of<minus><prefix>
.The autocomplete does show this as a valid possibility:
Positive values work as expected.
Cheers, 🙇
Danilo
The text was updated successfully, but these errors were encountered: