Styles are applied in the wrong order #10606
Labels
bug-pending-triage
Reported bug, pending triage to confirm.
Content-Length: 235889 | pFad | http://github.com/NativeScript/NativeScript/issues/10606
20Fetched URL: http://github.com/NativeScript/NativeScript/issues/10606
Alternative Proxies:
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: