-
-
Notifications
You must be signed in to change notification settings - Fork 6k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Vite change the style order in production that cause the overwrite issue #11760
Closed
7 tasks done
Labels
feat: css
inconsistency
Inconsistency between dev & build
p3-minor-bug
An edge case that only affects very specific usage (priority)
Comments
I am also facing a similar issue with the apex chart in my Vuejs + Vite project. If you require a reproduction demo to demonstrate this issue, please let me know. |
9 tasks
9 tasks
Hello @sapphi-red, I have tried your latest release but the above issue is not solved yet. You can get this issue in the production build. |
You'd need to increase your style's specificity (e.g. adding |
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Labels
feat: css
inconsistency
Inconsistency between dev & build
p3-minor-bug
An edge case that only affects very specific usage (priority)
Describe the bug
I am experiencing an issue with the Full calendar plugin in my Vuejs + Vite project where my custom styles are not being applied in production mode. This is due to Vite changing the order of the component's default styles and my custom styles, causing a conflict.
Reproduction
https://github.com/alokVishu/vite-style-overwrite-issue
Steps to reproduce
Run the project in development
yarn && yarn dev
run the project in production
yarn build && yarn preview
System Info
Used Package Manager
yarn
Logs
In Development Mode
In Production Mode
Validations
The text was updated successfully, but these errors were encountered: