fix(issue:4264) strip line comment from expression

* Fix for issue less#4264. Strip line comments from expressions to avoid invalid CSS output.
puckowski · Nov 28, 2024 · 6cb838a · 6cb838a
1 parent 773e157
commit 6cb838a
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
@@ -2392,7 +2392,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
@@ -69,3 +69,18 @@
   mul-px-2: 140px;
   mul-px-3: 140px;
 }
+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
@@ -125,3 +125,19 @@
     mul-px-3: ((@px * 1) * @cm);
   }
 }
+
+@items:
+// Fruit
+    apple,
+    banana,
+    cherry,
+// Vegetables
+    carrot,
+    potato,
+;
+
+each(@items, {
+  div#@{value} {
+    color: blue;
+  }
+})