Broken url strings in CSS #7710
Labels
Comments
simple reproduction<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS Double</title>
</head>
<body>
<h1>CSS Double</h1>
<div class="background"></div>
<style>
.background {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%2819, 80, 91%29"></polygon></svg>');
width: 100px;
height: 100px;
}
</style>
</body>
</html> |
3 tasks
|
Thank you for looking into it! |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
🐛 bug report
Since @parcel/transformer-css-
2.2.02.2.1 single quotes in CSSurl()seem to be replaced with double quotes. This breaks url strings that contain double quotes.🎛 Configuration (.babelrc, package.json, cli command)
No relevant config.
🤔 Expected Behavior
I’m expecting the following line to stay as is in the output CSS:
😯 Current Behavior
From
2.2.02.2.1 on'is changed to", resulting in invalid CSS:💁 Possible Solution
Is there some config that would allow me turn this off again? I've experimented with transformer settings but no luck.
For now, pinning @parcel/transformer-css to 2.1.1 is a workaround:
🔦 Context
There are no build errors but the resulting CSS is invalid and, in the above example, wouldn’t show the svg.
I cannot change the affected url string because it comes from a 3rd party dependency (foundation-sites).
💻 Code Sample
See example above.
🌍 Your Environment
The text was updated successfully, but these errors were encountered: