Build: “Bundle CSS” post-processing asset optimization messes up link attribute

[Tom-Bonnike]

I’m not sure where else to report bugs about post-processing asset optimizations, hope here is fine. 🙈

Describe the bug

I’ve been trying to test version 1.1.0 of netlify-plugin-inline-critical-css, which contains a change to the CSS loading strategy (from a JS script to media switching).

This is what the HTML looks like with the Bundle CSS optimization deactivated:

This is what the HTML looks like with the Bundle CSS optimization activated:

Which obviously is invalid HTML, an error shows up in the console about it:

I’m guessing it has something to do with the quotes…?
I’m sure it’s because of “bundle CSS” because I kept the other options activated and it worked fine:

---

Here is a tiny reproduction project with only Bundle CSS activated via netlify.toml: https://github.com/Tom-Bonnike/netlify-bundle-css-bug.
You can find the site online here: https://practical-hermann-8c61ef.netlify.app/

[ehmicky]

Hi @Tom-Bonnike,

I just reported this bug to the team working on the CSS post-processing. We will let you know as soon as this is fixed!

[Tom-Bonnike]

Any news on this @ehmicky? It still seems to be happening :(

[ehmicky]

Unfortunately not.
The team responsible of this is aware of this bug. They mentioned also several other bugs related to HTML tags being messed up during CSS post-processing.

Tagging them if they have more input: @keiko713 @kitop