-
-
Notifications
You must be signed in to change notification settings - Fork 1.3k
text-decoration prefixing inconsistent #1473
Copy link
Copy link
Closed
browserslist/caniuse-lite
#104Description
text-decoration support was added in #857. However, it doesn't prefix for basic values. This can cause inconsistent situations;
span {
text-decoration: underline dashed;
}
span.underline-only {
text-decoration: underline;
}
/* after autoprefix */
span {
-webkit-text-decoration: underline dashed;
text-decoration: underline dashed;
}
span.underline-only {
text-decoration: underline;
}<span class="underline-only">Underlined text</span>The span would then have a normal solid underline in most browsers, but in safari it will prefer the prefixed one, even though it should be overridden.
For my situation, I'm using a third party design system, and don't manage the bundling/processing myself (create-react-app), which makes it hard to debug and fix myself.
The solution would be to always apply the prefix on text-decoration, or have some global property that prefixes all if it has been prefixed once.
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels