Josee9988 / MinifyAll

A 𝗩𝗦𝗖𝗼𝗱𝗲 𝗺𝗢𝗻𝗢𝗳𝗢𝗲𝗿 for JS, JSON/C, CSS, and HTML, you will love its simplicity! 🌟 π˜Ύπ™€π™’π™₯π™§π™šπ™¨π™¨ and π™œπ™―π™žπ™₯ files and folders πŸ“¦ Reduce your bundle and file sizes with lightning speed ⚑
https://minifyall.jgracia.es/
GNU General Public License v3.0
71 stars 10 forks source link

[Bug] :where() CSS pseudo-class function not working #150

Open nasgnat opened 2 years ago

nasgnat commented 2 years ago

🐞 Bug Report

Describe the bug

The :where() CSS pseudo-class function does not work if preceded by a selector.


Is this a regression?

I am not sure.

To Reproduce

  1. Create a basic HTML page:
    <!DOCTYPE html>
    <html lang="id">
    <head>
    <title>Foo</title>
    <link href="style.css" rel="stylesheet">
    </head>
    <body>
    <header>
      <h1 class="title">Foo</h1>
      <p class="description">The quick brown fox jumps over the lazy dog.</p>
    </header>
    </body>
    </html>
  2. The style.css file:
    header :where(.description,.title) {
    padding-inline: 1rem;
    }
  3. Open the style.css
  4. Right click on it and click "Minify this document."

Expected behaviour

header :where(.description,.title){padding-inline:1rem;}


Actual behaviour

header:where(.description,.title){padding-inline:1rem;} Notice the missing space between "header" and ":where"


Media prove


Your environment


Additional context

Maybe there are some CSS pseudo-class functions that I haven't tried that are also affected by this issue.

welcome[bot] commented 2 years ago

Thanks for opening your first issue in Josee9988/project-template! Be sure to follow the issue template and provide every bit of information to help the developers!

jmengual-sollutia commented 10 months ago

I have the same issue. Some solution?