fix(issue:4264) strip line comment from expression

* Fix for issue #4264. Strip line comments from expressions to avoid invalid CSS output.
less · Dec 8, 2024 · 9f97c8e · 9f97c8e
1 parent 509a007
commit 9f97c8e
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 1 deletion.
diff --git a/packages/less/src/less/parser/parser.js b/packages/less/src/less/parser/parser.js
@@ -2416,7 +2416,7 @@ const Parser = function Parser(context, imports, fileInfo, currentIndex) {
 
                 do {
                     e = this.comment();
-                    if (e) {
+                    if (e && !e.isLineComment) {
                         entities.push(e);
                         continue;
                     }

diff --git a/packages/test-data/css/_main/variables.css b/packages/test-data/css/_main/variables.css
@@ -77,3 +77,18 @@
   --tw-pinch-zoom: ;
   --tw-scroll-snap-strictness: proximity;
 }
+div#apple {
+  color: blue;
+}
+div#banana {
+  color: blue;
+}
+div#cherry {
+  color: blue;
+}
+div#carrot {
+  color: blue;
+}
+div#potato {
+  color: blue;
+}
diff --git a/packages/test-data/less/_main/variables.less b/packages/test-data/less/_main/variables.less
@@ -132,3 +132,19 @@
 	--tw-pinch-zoom:  ;
 	--tw-scroll-snap-strictness: proximity;
 }
+
+@items:
+// Fruit
+    apple,
+    banana,
+    cherry,
+// Vegetables
+    carrot,
+    potato,
+;
+
+each(@items, {
+  div#@{value} {
+    color: blue;
+  }
+})