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 seeing that a lot of components do not apply the styles, when you change the variant/error dynamically.
Example - I have a form and I am using the form group element and it is very common that I will add/update the error prop dynamically, when I do that, I see the -red- classes getting added to the element, but they are empty styles. I believe it's happening because of https://tailwindcss.com/docs/content-configuration#dynamic-class-names
Another example with the same issue, I am changing the color of a button on click and this happens.
The text was updated successfully, but these errors were encountered:
For now, safelisting the red color through ui.safelistColors is enough to fix this if you're not using the Edge version.
However, you made me realize that the smart safelisting wasn't working when writing components in snake case: <u-input>, this should be solved by e25be11.
I am seeing that a lot of components do not apply the styles, when you change the variant/error dynamically.
Example - I have a form and I am using the form group element and it is very common that I will add/update the error prop dynamically, when I do that, I see the
-red-
classes getting added to the element, but they are empty styles. I believe it's happening because of https://tailwindcss.com/docs/content-configuration#dynamic-class-namesAnother example with the same issue, I am changing the color of a button on click and this happens.
![Screenshot 29-07 at 11](https://private-user-images.githubusercontent.com/15716057/256966778-af10d6ec-e116-4b61-8dfe-6174e86342a8.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjYxMzQyNzQsIm5iZiI6MTcyNjEzMzk3NCwicGF0aCI6Ii8xNTcxNjA1Ny8yNTY5NjY3NzgtYWYxMGQ2ZWMtZTExNi00YjYxLThkZmUtNjE3NGU4NjM0MmE4LmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTEyVDA5MzkzNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ2MTVhODM3MzIzYzc1Y2U2ZTI2ZGU2OTAxZjBiOTFhNmQ1OGM2MzNmZDg4ZWFjMGYxNDJmMGMwMTI4YWYwMjkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.2cPXS-cQbsMXmC6J1EmCTXm3c5-VgaWXhtG21-3NA2w)
The text was updated successfully, but these errors were encountered: