Ignore "!*" in templates (#4816)

Fixes #4746
tailwindlabs · Jun 26, 2021 · 59c7e32 · 59c7e32
1 parent fdfecf3
commit 59c7e32
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/jit/lib/expandTailwindAtRules.js b/src/jit/lib/expandTailwindAtRules.js
@@ -85,7 +85,7 @@ function getClassCandidates(content, extractor, contentMatchCache, candidates, s
         candidates.add(match)
       }
     } else {
-      let extractorMatches = extractor(line)
+      let extractorMatches = extractor(line).filter((s) => s !== '!*')
       let lineMatchesSet = new Set(extractorMatches)
 
       for (let match of lineMatchesSet) {

diff --git a/tests/jit/important-modifier-prefix.test.html b/tests/jit/important-modifier-prefix.test.html
@@ -1,3 +1,5 @@
+<!-- The string "!*" can cause problems if we don't handle it, let's include it -->
+<div class="!*"></div>
 <div class="!tw-container"></div>
 <div class="!tw-font-bold"></div>
 <div class="hover:!tw-text-center"></div>