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
CSS specificity rules seems to be different for imported components vs local ones. For example the generated styles for imported component svelte-select has the same class selector repeated 3 times...
.svelte-select.svelte-15ynnp5.svelte-15ynnp5.svelte-15ynnp5 which wins the CSS specificity race vs the generated :global(...) css section.svelte-6ogvl1 .svelte-select
Describe the bug
CSS specificity rules seems to be different for imported components vs local ones. For example the generated styles for imported component
svelte-select
has the same class selector repeated 3 times....svelte-select.svelte-15ynnp5.svelte-15ynnp5.svelte-15ynnp5
which wins the CSS specificity race vs the generated:global(...)
csssection.svelte-6ogvl1 .svelte-select
Ref:
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#increasing_specificity_by_duplicating_selector
Reproduction
https://svelte.dev/repl/753f97bc774c4488b4aa2c70fde73ee3?version=3.52.0
Logs
System Info
Severity
blocking an upgrade
The text was updated successfully, but these errors were encountered: