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 · b946376 · b946376
1 parent 304c310
commit b946376
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
@@ -2418,7 +2418,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
@@ -80,3 +80,18 @@
 .radio_checked {
   border-color: #fff;
 }
+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
@@ -143,3 +143,19 @@
 .@{radio-cls-checked} {
   border-color: #fff;
 }
+
+@items:
+// Fruit
+    apple,
+    banana,
+    cherry,
+// Vegetables
+    carrot,
+    potato,
+;
+
+each(@items, {
+  div#@{value} {
+    color: blue;
+  }
+})