Ignore "!*" in templates (tailwindlabs#4816)

adamwathan · web-flow · commit 59c7e32a3b3f · 2021-06-26T10:20:36.000-04:00
Fixes tailwindlabs#4746
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>

Original file line number	Diff line number	Diff line change
`@@ -85,7 +85,7 @@ function getClassCandidates(content, extractor, contentMatchCache, candidates, s`
`85`	`85`	`candidates.add(match)`
`86`	`86`	`}`
`87`	`87`	`} else {`
`88`		`- let extractorMatches = extractor(line)`
	`88`	`+ let extractorMatches = extractor(line).filter((s) => s !== '!*')`
`89`	`89`	`let lineMatchesSet = new Set(extractorMatches)`
`90`	`90`
`91`	`91`	`for (let match of lineMatchesSet) {`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+<!-- The string "!*" can cause problems if we don't handle it, let's include it -->`
	`2`	`+<div class="!*"></div>`
`1`	`3`	`<div class="!tw-container"></div>`
`2`	`4`	`<div class="!tw-font-bold"></div>`
`3`	`5`	`<div class="hover:!tw-text-center"></div>`