Styles are applied in the wrong order #10606
Labels
bug-pending-triage
Reported bug, pending triage to confirm.
Content-Length: 259742 | pFad | https://github.com/NativeScript/NativeScript/issues/10606
84Fetched URL: https://github.com/NativeScript/NativeScript/issues/10606
Alternative Proxies:
Uh oh!
There was an error while loading. Please reload this page.
Issue Description
Styles may be applied in the wrong order. In the example below, the button may still remain white, despite the fact that I have specified another class that sets the background color to red.
I debugged the NativeScript code and found out that the sorting of applying styles changes here:
NativeScript/packages/core/ui/styling/css-selector.ts
Line 1111 in dca7718
If you remove the sorting step in this line, the styles are applied in the correct order.
Reproduction
Create project using command:
ns create myAwesomeApp --template @nativescript-vue/template-blank@rc
Add the custom color to tailwing.config.js
Create the custom button component with:
Use a custom button and set a CSS class with an added custom color that overwrites the root style. In the current example "bg-primary"
Relevant log output (if applicable)
No response
Environment
No response
Please accept these terms
The text was updated successfully, but these errors were encountered: